Improve Chinese text on Firefox

Change lang="zh" attribute to lang="zh-cn" so Firefox can style it correctly

作者
bellisk
日安装量
0
总安装量
6
评分
0 0 0
版本
2024-10-26-04
创建于
2024-10-26
更新于
2024-10-26
大小
987 字节
许可证
MIT
适用于
所有网站

Enable Firefox to use the correct font-family for text with lang="zh".

Firefox allows configuring the font-family to use for text in different languages. Unfortunately, for Chinese text, this only applies to HTML elements with lang="zh-cn", lang="zh-hk" or lang="zh-tw". Text whose language has been marked with lang="zh" takes a default, serif font that cannot be changed.

This script changes lang="zh" to lang="zh-cn" for all elements on a page, to allow Firefox to recognise that the configured font for Simplified Chinese should be used.

If you have the same font families set for Simplified Chinese, Traditional Chinese (Hong Kong) and Traditional Chinese (Taiwan), which is the default configuration, then it doesn't matter which one of these is used. Setting the lang attribute to zh-cn will correctly style all Chinese text. If you want to use different font families for each writing system, then you might want to play around a bit with the code in this script.

Demo

Without this script: Chinese text on Wikipedia is displayed in serif font, despite the page font-family being sans-serif.

Infobox from Wikipedia, mixed Chinese (serif font) and English (sans-serif font) text

With this script: Chinese text is displayed in sans-serif font, matching the page's font-family.

Infobox from Wikipedia, mixed Chinese and English text, all in sans-serif font