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

如何正确使用 Google 与 Monotype 联合开发的开源字体“Noto”?

  •  
  •   jmyz0455 · 2016-10-12 15:40:47 +08:00 · 3106 次点击
    这是一个创建于 2993 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我是一名前端 + 设计小白,最近看到新闻说 Google 与 Monotype 发布了联合开发的开源字体“ Noto ”。(此处略去介绍一百字)其中汉字部分是使用开源字体思源黑体。于是兴冲冲地从 https://www.google.com/get/noto/ 下载了完整安装包。

    我不懂字体,也可能是理解有误,我以为安装 Noto 字体之后,只需要在网页标签元素里写上 font-family: "Noto"; ,我的浏览器网页里的中英日德韩法等等文字就能显示 Noto 字体。事实上字体一点改变都没有。

    于是我打开完整安装包,确认 183 个字体文件已经正确安装,然后在系统里查看一下字体名称。才发现中文字体叫“ Noto Sans CJK SC ”,再看一下,整个 Noto 字体主要有“ Noto Sans ”和“ Noto Serif ”两个大类。于是我写上 font-family: "Noto Sans", "Noto Sans CJK SC"; 后,中英文字体终于显示正常了。

    不过且慢,那么说我第二段的想法是错误的?如果前端开发者想要让自己的网页能显示“ 800 多种语言及 100 多种文字”,就只能 font-family: "Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans CJK JP", "Noto Sans CJK KR" ... ; 这样写一大串 font-family ?

    最后,还有一个问题,字体文件里的字有“ NotoColorEmoji.ttf ”和“ NotoEmoji-Regular.ttf ”,这两个 Emoji 字体怎么用的...不懂

    6 条回复    2016-10-13 15:10:28 +08:00
    boro
        1
    boro  
       2016-10-12 17:27:39 +08:00
    显示“ 800 多种语言及 100 多种文字” 这个可能吗?不可能吧。
    gucheen
        2
    gucheen  
       2016-10-12 17:30:25 +08:00
    https://www.google.com/get/noto/help/guidelines/

    没错,就是你说的那样子必须列出来使用
    seki
        3
    seki  
       2016-10-12 17:39:31 +08:00
    你的网页上一般也不会有那么多种语言文字啊
    就算你不写的话,也还是假定能够 fallback 到这些字体上的
    rhen
        4
    rhen  
       2016-10-12 18:16:22 +08:00 via Android
    Win 自带 sogoe 字体有 emoji 吧
    jmyz0455
        5
    jmyz0455  
    OP
       2016-10-13 15:10:00 +08:00
    @boro 个人网页当然不可能显示那么多语言文字,只是我想问一下我的想法是不是错了,我怕 CSS 还有什么好办法来设置各种文字而我是不知道的。

    话说页面是怎么 fallback 的呢 @seki
    jmyz0455
        6
    jmyz0455  
    OP
       2016-10-13 15:10:28 +08:00
    @gucheen @rhen 了解
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2623 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:54 · PVG 18:54 · LAX 02:54 · JFK 05:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.