CSS 设置字体被覆盖的疑问

[darnurash]

我通过 Stylish 强制将 a、div 等标签的字体设置为自定义的字体（ font-family 设置，不想看见微软雅黑或者中易宋体），一开始加了!important，大部分情况表现良好，但是，有些网页的图标，是通过 JS 加载的，导致会出现豆腐块方框的问题，于是去掉!important 表现正常，结果又有部分标签被网站自带的 css 文件覆盖了我的字体设置。 求解

[ynyounuo]

用 !important
然后，后面再跟一条给图标单独的规则以使用 Font Awesome 之类的需求字体来显示图标，然后也 !important

不过 MDN 不建议在拓展或者插件里写 !important

[xhyzidane]

你的情况应该不是使用 JS 加载图标，而是字体图标。不建议 Stylish 强制改 font-family，推荐修改浏览器的自定义字体

[darnurash]

@ynyounuo 单独规则🤔

[darnurash]

@xhyzidane 那样做只有像维基百科那种网站才会正常，大部分国内网页完全无视我的设置

[ynyounuo]

@darnurash 找到图标所在的 id 或者 class 单独设置啊，反正后面的优先级高。

[TypeNANA]

chrome 的话可以试试这个
https://chrome.google.com/webstore/detail/advanced-font-settings/caclkomlalccbpcdllchkeecicepbmbm

[yangg]

自定义字体，unicode-range https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range
把不喜欢的字体覆盖掉。

[darnurash]

@TypeNANA 我说的就是用这个设置，很多网站没用

[darnurash]

@yangg 设置 unicode-range 的话，不会让粗体字正确显示

[maplerecall]

大多数网站的字体配置都是在 html 或者 body 上的，然后就是 input、button 等的一些输入控件，所以给这些元素设置字体可以覆盖大多数地方，另外还可以多加个 body 下的第一层子元素选择器覆盖一些 SPA 的情况，其它地方只能单独写，没有什么通用的规律……

另外实在不喜欢可以直接把系统微软雅黑替换成别的字体，比如微软正在内部测试的替代雅黑的新字体 Noble Scarlet，或者其它定制过的字体，大多数情况下不会出现什么问题

[yangg]

@darnurash 你没定义粗体覆盖？