How to change Chinese font

Support Area Forums Moonrise How to change Chinese font

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
URL to the page in question: http://
  • Author
    Posts
  • #27395
    Liu Xiao-Ling
    Participant

    Dear Bill,

    Hope this mail finds you well.
    I created a Chinese website, but I found that fonts shown are not beautiful, can I change font into Microsoft JhengHei instead of MingLiU when it show on Windows system?

    Thank you.
    Lolita

    #27396
    Liu Xiao-Ling
    Participant

    Dear Bill,

    I forgot to ask, I also want to konw how to make words bigger, thank you for your reply in advance.

    Regards,
    Lolita

    #27403
    Bill Robbins
    Moderator

    Hello Lolita,

    Excellent question. You can use that font. The way fonts are set to work on the web are with what are called font stacks. What you do is specify a few fonts that you’d like to use. If the first font listed is installed on the visitor’s computer it will be displayed. If it isn’t then the next font will and so on.

    So to use the JhengHei font, you would do this:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      body,
      #text-logo p, #text-logo h1,
      h1, h2, h3, h4, h5, h6,
      #tagline h2, #tagline p,
      #header li {
      	font-family: JhengHei, "San Serif";
      }
      
    3. Update your settings.

    You probably want to use the Chinese character name for the JhengHei font. There is a good post about Chinese fonts on the web at http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/ . In that article they use the actual Chinese name for the fonts they choose.

    If you leave Google fonts turned on, you should still be able to use the font size options in the Theme Options page to select the font size of your text. That would be the easiest option. You can still use the code above to swap out the Google Fonts for this Microsoft one, but by leaving them turned on you should be able to use the size selectors.

    Let me know if you have any trouble.

    Take care,
    Bill

    #27435
    Liu Xiao-Ling
    Participant
    This reply has been marked as private.
    #27441
    Bill Robbins
    Moderator

    Good Morning Lolita,

    Can you try using the font’s name in Chinese characters? I do not know what that would be, but based on the article I linked to above, that would appear to be the best way to do it.

    Let me know how that goes,
    Bill

    #27482
    Liu Xiao-Ling
    Participant

    Dear Bill,

    It works! Thanks a lot!
    Also, Could you advise how to use Chinese fonts in theme GRASSROOTS?

    Regards,
    Lolita

    #27483
    Bill Robbins
    Moderator

    Good Morning Lolita,

    I’m glad that did the trick for you. The CSS for Grassroots would be very similar. Here’s what I would use:

    
    body,
    #text-logo p, #text-logo h1,
    h1, h2, h3, h4, h5, h6,
    nav#top-menu li, .slicknav_nav li, .slicknav_menu  .slicknav_menutxt,
    h2.hero-title,
    .hero-copy p,
    h3.widget-title, #sidebar .testimony-block h3.widget-title {
    	font-family: JhengHei, "San Serif";	
    }
    

    You’ll need to replace JhengHei with the appropriate characters again, but that should do it.

    Have a great weekend,
    Bill

    #27499
    Liu Xiao-Ling
    Participant

    Dear Bill,

    Thank you very much for your help, it looks perfect now.
    Have a nice weekend!

    Kind regards,
    Lolita

    #27500
    Bill Robbins
    Moderator

    I’m glad to hear that worked too. Enjoy your weekend too 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to change Chinese font’ is closed to new replies.