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

[jmyz0455]

我是一名前端 + 设计小白，最近看到新闻说 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 字体怎么用的...不懂

[boro]

显示“ 800 多种语言及 100 多种文字” 这个可能吗？不可能吧。

[gucheen]

https://www.google.com/get/noto/help/guidelines/

没错，就是你说的那样子必须列出来使用

[seki]

你的网页上一般也不会有那么多种语言文字啊
就算你不写的话，也还是假定能够 fallback 到这些字体上的

[rhen]

Win 自带 sogoe 字体有 emoji 吧

[jmyz0455]

@boro 个人网页当然不可能显示那么多语言文字，只是我想问一下我的想法是不是错了，我怕 CSS 还有什么好办法来设置各种文字而我是不知道的。

话说页面是怎么 fallback 的呢 @seki

[jmyz0455]

@gucheen @rhen 了解