Home Forums FAQ How use other fonts

This topic contains 1 reply, has 1 voice, and was last updated by  BWSM 8 months, 4 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10073

    BWSM
    Keymaster

    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;
    }
    #14795

    BWSM
    Keymaster
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!