: → Kuge: 有些网页使用特殊图标 若你的字型不支援就无法正确显示 11/02 22:15
: 推 leon19790602: 对，最简单测试就是巴哈动画疯，取消优先使用网页 11/02 22:18
: → leon19790602: 字型，基本上都会一堆乱码 11/02 22:18
: 推 leon19790602: https://i.imgur.com/22t7AS0.jpg 11/02 22:21
这可以避免 只是设定会复杂很多
首先重设“优先使用页面指定的字型”的设定
也就是重设 browser.display.use_document_fonts 为默认值1
然后在以下各个档案加入对应的内容
范例用的是思源体(个人比较喜欢苹方体)
等宽字用 Cascadia Mono
1. perfs.js:
https://pastebin.com/Uj3ac7CF
其实就是改about:config里面的字体fallback列表
如果直接复制贴上的话要先关闭Firefox才行(记得备份)
不然就是自己开about:config一条条手动改
其中zh-TW的fallback特别多 因为这是适用于正体中文版的设定
网页如果是UTF-8时会用浏览器默认语言的fallback
如果你装的不是正体中文版可能需要调整
或者试试改 font.language.group
另外有些情况可能需额外设定
user_pref("layout.css.system-ui.enabled", false);
设为false会让以下CSS的值无效化 换句话说就是不让CSS用系统UI字型
font-family: system-ui;
例如pixiv就有用到
2. userChrome.css:
https://pastebin.com/4aD2VEk2
这是改Firefox本身的UI字型
3. userContent.css:
https://pastebin.com/aDnUKRwG
利用@font-face规则取代网页显示的字型
这里是把常用的中文和日文字体都取代为思源体
三项改完基本上就涵盖绝大多数状况了
但有些网页例外 例如微软帐号的登入页面
不知道是不是bug
总之就是网页本身的font-family列表太长时 @font-face规则会失效
这时可以在userContent.css加入以下规则
@-moz-document domain(login.microsoftonline.com), domain(login.live.com) {
body { font-family: unset !important }
}
其中domain表示针对特定网域
以上修改的优点是不用靠第三方程式 可以跨平台
没取代的部分会尊重网页字型和fallback列表 所以不会影响特殊符号
不需要套件 但如果习惯用Stylus也可以把userContent.css的内容移过去
缺点是设定复杂而且零散 debug有点麻烦
而且仅限于Firefox