How to use google font manually

[SeaTheme]

The google font can not be updated in some host server for unexplained reason, you need to use google font manually:

1. Go to google font site(http://www.google.com/fonts) find some fonts for your site:

2. like Lato(screenshot1, screenshot2), please copy the code:
<link href=&#039;http://fonts.googleapis.com/css?family=Lato&#039; rel=&#039;stylesheet&#039; type=&#039;text/css&#039;>

3.
– login FTP, go to: themes/theone/
– upload / replace: header.php
paste the above code before </header> (screenshot)

4. Please login wp-admin, go to Theone / General Settings / Custom Css
Paste the style code to Custom Css:

/*main font*/
body,input[type="text"],textarea,div.bbp-template-notice p,legend,.height-no-auto > .container,.fullwidth-wrap-inn,.full-half-inn {font-family: 'Lato', sans-serif;}

/*heading font*/
h1,h2,h3,h4,h5,h6,.ux-btn,.team-item-title,.team-item-con-h p.team-position,.songtitle,.item-link,input[type="submit"],.gallery-info-property-tit,.post-navi,.gallery-info-property-item {font-family: 'Lato', sans-serif;}

/*menu font*/
#navi a {font-family: 'Lato', sans-serif;}

Note: The guide is base one Theone wordpress theme, the font css of other themes please refer styles/theme-style.php

• This topic was modified 4 years, 4 months ago by SeaTheme.

[Author]

Posts