CSS 设置字体被覆盖的疑问 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
darnurash
V2EX    CSS

CSS 设置字体被覆盖的疑问

  •  
  •   darnurash 2018-06-21 10:02:18 +08:00 3930 次点击
    这是一个创建于 2679 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    11 条回复    2018-06-21 12:47:23 +08:00
    ynyounuo
        1
    ynyounuo  
       2018-06-21 10:10:53 +08:00 via iPhone
    用 !important
    然后,后面再跟一条给图标单独的规则以使用 Font Awesome 之类的需求字体来显示图标,然后也 !important

    不过 MDN 不建议在拓展或者插件里写 !important
    xhyzidane
        2
    xhyzidane  
       2018-06-21 10:51:30 +08:00
    你的情况应该不是使用 JS 加载图标,而是字体图标。不建议 Stylish 强制改 font-family,推荐修改浏览器的自定义字体
    darnurash
        3
    darnurash  
    OP
       2018-06-21 11:01:44 +08:00
    @ynyounuo 单独规则
    darnurash
        4
    darnurash  
    OP
       2018-06-21 11:02:29 +08:00
    @xhyzidane 那样做只有像维基百科那种网站才会正常,大部分国内网页完全无视我的设置
    ynyounuo
        5
    ynyounuo  
       2018-06-21 11:04:47 +08:00 via iPhone
    @darnurash 找到图标所在的 id 或者 class 单独设置啊,反正后面的优先级高。
    TypeNANA
        6
    TypeNANA  
       2018-06-21 11:25:05 +08:00
    yangg
        7
    yangg  
       2018-06-21 11:28:11 +08:00
    自定义字体,unicode-range https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range
    把不喜欢的字体覆盖掉。
    darnurash
        8
    darnurash  
    OP
       2018-06-21 11:30:43 +08:00
    @TypeNANA 我说的就是用这个设置,很多网站没用
    darnurash
        9
    darnurash  
    OP
       2018-06-21 11:31:27 +08:00
    @yangg 设置 unicode-range 的话,不会让粗体字正确显示
    maplerecall
        10
    maplerecall  
       2018-06-21 12:42:03 +08:00
    大多数网站的字体配置都是在 html 或者 body 上的,然后就是 input、button 等的一些输入控件,所以给这些元素设置字体可以覆盖大多数地方,另外还可以多加个 body 下的第一层子元素选择器覆盖一些 SPA 的情况,其它地方只能单独写,没有什么通用的规律……

    另外实在不喜欢可以直接把系统微软雅黑替换成别的字体,比如微软正在内部测试的替代雅黑的新字体 Noble Scarlet,或者其它定制过的字体,大多数情况下不会出现什么问题
    yangg
        11
    yangg  
       2018-06-21 12:47:23 +08:00 via iPhone
    @darnurash 你没定义粗体覆盖?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1218 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 23:32 PVG 07:32 LAX 16:32 JFK 19:32
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86