Kuro22 changed their site’s base font to Source Sans Pro but noticed Chinese characters remained in the default font. ferdnyc explained that Source Sans Pro lacks CJK glyph support and recommended using Source Han Sans (or Noto Sans Simplified Chinese) instead. Kuro22 confirmed they confused Source Sans Pro with Source Han Sans, but still encountered issues using Noto Sans SC via Google Fonts API. ferdnyc suggested using custom CSS to combine fonts for multi-script support, recommending: font-family: 'Noto Sans Simplified Chinese', 'Noto Sans', sans-serif;. Kuro22 successfully resolved the issue by following Google’s official guide and advised others to prioritize Noto Sans before regional variants (e.g., Noto Sans SC) in the font-family declaration to ensure consistent rendering of Latin characters. The fix involved explicitly defining the font stack in CSS rather than relying solely on the Base Font setting.
The font changed for alphabetic characters but not for Chinese characters. Chinese characters are still in the default font. I wonder why… and I’d like to make this right. Could someone help me?
PS: I tried Google Fonts API and the Google Font theme component too. I even tried uploading a font (Source Sans Pro) as an asset of the theme. The results are the same.
Indeed, I didn’t put anything in CSS, now I see where was the problem. Following the Google Font official guide for using Noto fonts on the web that you mentioned, I modified the font of my site to Noto Sans SC with success! Thank you!!
For those who may have run into the same issue as mine (failed to set up Noto non-European language fonts on my site through Google Font API), take a look at the official guide mentioned above.
And a tip for those who wish to use Noto Sans CJK, remember to put Noto Sans before Noto Sans TC (or SC , JP etc. in the font-family property to ensure a good look for alphabetic characters.
Example:
body {
font-family: 'Noto Sans', 'Noto Sans SC', sans-serif;
}