How use other fonts

[SeaTheme]

If you want to use the fonts that not in Google Fonts list. Like : https://www.google.com/fonts/earlyaccess#Noto+Sans+SC

You could use the font by Child Theme.

1) Install the child theme(like:za-child.zip), same as install normal wordpress theme
Tips: you need install the origin theme firstly, don’t re-name the theme folder.

2) Paste the css code into style.css of child theme folder:

@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);

/*Main font*/
body, input, textarea, select, button, div.bbp-template-notice p,legend,.gallery-info-property-con,.text_block { 
  font-family: 'Noto Sans SC', sans-serif;
}

/* Headding font*/
h1,h2,h3,h4,h5,h6,#content_wrap .infrographic p,#content_wrap .promote-mod p,.ux-btn,.archive-custom-list-ul a,.tptn_title,.widget_archive li, .widget_categories li, .widget_pages li, .widget_nav_menu li, .widget_recent_entries li, .widget_recent_comments li, 
textarea, select,input[type="submit"],button,input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], 
input[type="time"], select, input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], 
input[type="color"], .uneditable-input,.tw-style-a  { 
  font-family: 'Noto Sans SC', sans-serif;
}

/* Menu, meta font   */
#navi a, .article-meta, .blog-unit-meta-bottom,.mainlist-meta,.related-posts-meta,.blog-unit-meta-top,.carousel-des-wrap-meta,.comment-meta .date, .comment-reply-link,.tptn_author,.tptn_date,.tptn_excerpt,.tptn_list_count,.header-meta-tit.search-top-btn-class,.header-meta-tit,.navi-over .languages-shortname .tw_style,.article-meta, .mainlist-meta  {
  font-family: 'Noto Sans SC', sans-serif;
}

/* Logo font*/
.logo-h1 {
  font-family: 'Noto Sans SC', sans-serif;
}

[SeaTheme]

You can refer this post also:

https://seatheme.net/forums/topic/using-a-different-font/#post-14794

[Author]

Posts