V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
fourstring
V2EX  ›  CSS

中文字体是如何处理 font-family 的?

  •  
  •   fourstring · 2017-01-21 17:47:46 +08:00 · 3308 次点击
    这是一个创建于 2623 天前的主题,其中的信息可能已经有所发展或是发生改变。
    6 条回复    2017-01-21 23:13:38 +08:00
    JamesRuan
        1
    JamesRuan  
       2017-01-21 21:43:53 +08:00   ❤️ 1
    一律用 sans serif

    首先, web 字体是非常有限的,由于中文字库巨大,外部引入 webfont 对于中文是不实际的。

    那么只能用各个平台自带的字体了。中文的 font-family 也不像英文那样分那么多种,简单的 serif 和 sans serif 就足以涵盖 web 可以使用的范围了。

    然而,各个平台自带的字体中,往往只有一种字体“黑体”,也就是 sans serif ,是最普遍最好看的。

    真需要显示中文字体时,请手动插入 SVG 图片。
    Laynooor
        2
    Laynooor  
       2017-01-21 21:48:50 +08:00
    如果只用 sans serif …… Windows 下就会很难看
    http://ww1.sinaimg.cn/large/a6b662bfgy1fbyl8oe4zyj217l0qf0yf&690
    Laynooor
        3
    Laynooor  
       2017-01-21 21:49:33 +08:00
    billlee
        4
    billlee  
       2017-01-21 22:52:35 +08:00   ❤️ 1
    可以按冬青黑体、微软雅黑、思源黑体、文泉驿微米黒, sans-serif 的顺序
    冬青黑体一般只会在 Apple 的平台上出现,微软雅黑一般不会出现在 Linux 平台上,这样每个平台都能匹配到合适的字体。
    vimutt
        5
    vimutt  
       2017-01-21 23:12:18 +08:00   ❤️ 1
    如果页面文字是固定的几十或几百个中文,可以选择自定义一个所需样式的字体文件,然后通过 webfont 加载,这样的内嵌字体,大小不会超过几百 kb ,不算影响浏览体验。
    vimutt
        6
    vimutt  
       2017-01-21 23:13:38 +08:00
    如果就是正常的中文字体显示,就采用楼上所说的办法吧。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3400 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 11:18 · PVG 19:18 · LAX 04:18 · JFK 07:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.