如果只是声明了字体族, font-family:Sans-serif,那会用这个族里的哪一款字体? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rebeccaMyKid
V2EX    问与答

如果只是声明了字体族, font-family:Sans-serif,那会用这个族里的哪一款字体?

  •  
  •   rebeccaMyKid 2016-05-14 10:50:20 +08:00 4130 次点击
    这是一个创建于 3436 天前的主题,其中的信息可能已经有所发展或是发生改变。

    另外一个问题,我想如果没有 font-family 的声明,或者说所有要求的字体我都没有,那么就应该按浏览器的内置设置来渲染字体了,就是所谓的 user-agent-stylesheet ,那这个顺序又是怎样的? 贴一张 Chrome 的字体设置图: http://i.imgur.com/ukbVYk4.png

    5 条回复    2016-05-16 11:11:46 +08:00
    caoyue
        1
    caoyue  
       2016-05-14 12:32:27 +08:00   1
    写了 font-family:Sans-serif 应该就是去找设置的 Sans-serif 字体了
    如果设置的 Sans-serif 字体没有中文,那一般会去找系统默认的 fallback
    但是 Chrome 可能会根据网页的 lang 属性来自己选择最后使用的字体
    但是这个设置项没有出现在 Settings 中,只能安装扩展来查看或者修改

    在开发者工具中选择 Styles Computed ,可以很方便的看到实际渲染使用的 Rendered Fonts
    自己修改下样式做下测试也很简单
    TimePPT
        2
    TimePPT  
    PRO
       2016-05-14 14:11:22 +08:00 via iPhone
    记得看过相关资料,一般来说 HTML 行间样式>样式表样式>浏览器用户自定义样式>浏览器默认样式>系统默认样式,字体样式也是按照这个顺序依此判断,如果当前层级指定字体没有,就像下一层级回退。另外,同一个样式表里字体样式会从左向右申请,所以一般西文字体最好写在中文字体前面,否则会一律按中文字体显示中西文。

    以上不确定记得对不对,自己可以查下。
    Khlieb
        3
    Khlieb  
       2016-05-15 08:40:45 +08:00 via Android
    Chrome 的 Advanced Font Settings 扩展可以设置浏览器用户自定义样式
    rebeccaMyKid
        4
    rebeccaMyKid  
    OP
       2016-05-15 21:49:23 +08:00
    @caoyue 谢谢。我还有一个问题就是,是不是中文字体里面只会有中文,英文字体里只有英文?那比如说我查了一下谷歌的 font-family 是这样写的: font-family: arial,sans-serif; 那么,“这个页面的中文”是在哪个字体里找的? arial 字体里面包括中文吗?如果 arial 里面没有中文,那是不是就在在 sans-serif 里面找中文字体?还有我想知道方正雅黑这些中文字体大都是属于哪一族的?
    caoyue
        5
    caoyue  
       2016-05-16 11:11:46 +08:00
    @rebeccaMyKid
    对于字体我了解不多,你可以找找相关的文章看看,知乎上也有不少好答案=-=

    1. 一般来说是英文字体只有英文,中文字体包含英文。但是还是看具体字体。

    2. 对 Chrome 而言,你贴的图中的四个字体的设置,默认对应的是网页 lang=en 的情况
    实际上, Chrome 隐含了单独对不同语言的这四个字体的设置,需要安装扩展来查看和修改(点那个高级字体设置就是

    比如 在 lang=zh 的时候, Chrome 会根据这个隐藏的设置来寻找对应的 sans-serif 字体
    这个时候可能 sans-serif 就对应的是微软雅黑

    如果你安装了扩展,把 lang=zh 的设置下的 sans-serif 仍然修改为 Arial ,这个时候由于没有指定中文字体,浏览器寻找系统的默认 fallback ,比如在 Windows 上 Arial 中文部分可能就会 fallback 到 中易宋体

    3. sans-serif 和 serif 应该是属于西文字体的分类方法,所以雅黑之类的中文字体一般不会应用这种分法,中文一般是按黑体,宋体等等这样分
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1027 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 18:32 PVG 02:32 LAX 11:32 JFK 14:32
    Do have faith in what you're doing.
    ubao 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