jmyz0455
V2EX  ›  CSS

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

  •  
  •   jmyz0455 · Oct 12, 2016 · 3665 views
    This topic created in 3508 days ago, the information mentioned may be changed or developed.

    我是一名前端 + 设计小白,最近看到新闻说 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 replies    2016-10-13 15:10:28 +08:00
    boro
        1
    boro  
       Oct 12, 2016
    显示“ 800 多种语言及 100 多种文字” 这个可能吗?不可能吧。
    gucheen
        2
    gucheen  
       Oct 12, 2016
    https://www.google.com/get/noto/help/guidelines/

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

    话说页面是怎么 fallback 的呢 @seki
    jmyz0455
        6
    jmyz0455  
    OP
       Oct 13, 2016
    @gucheen @rhen 了解
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   946 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 47ms · UTC 20:09 · PVG 04:09 · LAX 13:09 · JFK 16:09
    ♥ Do have faith in what you're doing.