How to add custom font for Chinese version of site only

You can use a font face generator like: http://www.fontsquirrel.com/tools/webfont-generator to generate your font files. Then copy the css code from the included css file (can be found in the zip file which is generated by the fontsquirrel generator) into your child theme style.css and place the font files (eot, woff, etc.) into the child theme directory. You can also add the code from this post: http://wpml.org/forums/topic/body-class-based-on-language/#post-18785

add_filter('body_class', 'append_language_class');
function append_language_class($classes){
  $classes[] = ICL_LANGUAGE_CODE;  //or however you want to name your class based on the language code
  return $classes;
}

to the child theme functions.php to add a language specific class to the body. Then you can apply the font face font to the Chinese version of the website only.

• This reply was modified 11 years, 3 months ago by Dude.

Tbh it makes no sense to use a custom font if the file size of the font file is 14mb. It probably takes 1 – 3 minutes for the browser to download the font file and the user won’t notice the font anyway because he probably leaves the webpage before the browser can load the custom font & replace the default font with your 14mb font. In addition it will slow down the website loading time and the user will see an ugly “text flash” when the 14mb font is loaded. Especially users with mobile devices and slow internet connections will leave your website because of the long loading times. If your font file is bigger than 500kb I strongly suggest to stick with the default web safe fonts (see http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/ ). I also found this article: http://www.wiliam.com.au/wiliam-blog/web-design-sydney-chinese-web-fonts – maybe you can use the justfont service instead of font face fonts to embed a custom font.