Material Icons 无法显示的问题？

[mogita]

问题如下图，本应是 icon font 的地方全部显示的是文字，比如左侧的「 search 」，右侧的「 flash_o...」「 group 」「 settings 」，对应的 HTML 是 <i class="material-icons">flash_on</i> 等等。



尝试了几种方式都无法修复。只有 Google 的 material icons 有这个问题，其他家的 icon fonts 都是正常的，例如 font awesome 等。

系统： OS X 10.11.6
浏览器： Chrome 54.0.2840.98 (64-bit) 如图中显示， Safari 10.0.1 icon fonts 的位置直接显示空白， Firefox 45.0.2 和 Chrome 一样也是显示文字。

尝试过的方法：
重新加载页面、清缓存重新加载页面、更换 Chrome 默认字体、更换浏览器、重启电脑。。

直接打开 G 家的 https://material.io/icons/ 就是下图这样的，我已经懵比半个月了，只得叨扰各位大神！求解脱！谢谢了！

[arslion]

检查本机字体库

[mogita]

@arslion 谢谢！之前装了个「 MaterialIcons-Regular 」产生冲突。。失忆了。

[seki]

开 devtools 看看 network 里面有没有什么 404 / block 之类的

[cst4you]

请问你可以流畅的访问 Google 吗, 如果不能, 请翻墙
如果能, 仔细检查字体加载情况

[cst4you]

一句话解决问题
https://fonts.googleapis.com/icon?family=Material+Icons

[mogita]

@seki 谢谢，没有请求被阻止。是系统里有个同 family 的字体，产生了冲突。

[mogita]

@cst4you 谢谢，文件加载都是正常的，梯子工作正常。因为系统里安装了同 family 名称的字体产生冲突。