Buy All 40 Premium WordPress Themes for $54.99

Add External Font to a Theme

Our premium themes comes with built-in Google Fonts, you can navigate to Admin Panel -> Left Menu -> Appearance -> Customize -> ‘Font’ Section and select a Google Font for your theme text, menu, headings.

In case you need to add external (not listed in options) font, it will require a small config change:

1.Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Customize

3. Open ‘Additional CSS’ section

4. Insert the following code:

@font-face {
  font-family: 'Your Font Name'; 
  src: url('http://www.yoursite.com/path/YourFontFileName.ttf');
}

/* Apply as default Theme Font */
body{font-family: 'Your Font Name',sans-serif;}

/* Apply as Menu Font */
#navmain{font-family: 'Your Font Name',sans-serif;}

/* Apply as Heading Font */
h1, h2, h3, h4, h5, h6{font-family: 'Your Font Name',sans-serif;}

/* Apply as Site Title Font */
#site-identity h1.entry-title {
    font-family: 'Your Font Name',sans-serif;
}

Then replace

http://www.yoursite.com/path/YourFontFileName.ttf

with actual URL to your font file.

and update the ‘Your Font Name’ occurrences with the name of your font.

5. Save changes

Leave a Reply