V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
ck65
V2EX  ›  问与答

Material Icons 无法显示的问题?

  •  
  •   ck65 · 2016-11-18 15:27:27 +08:00 · 4515 次点击
    这是一个创建于 2732 天前的主题,其中的信息可能已经有所发展或是发生改变。
    问题如下图,本应是 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
        1
    arslion  
       2016-11-18 15:33:00 +08:00   ❤️ 1
    检查本机字体库
    ck65
        2
    ck65  
    OP
       2016-11-18 15:38:39 +08:00
    @arslion 谢谢!之前装了个「 MaterialIcons-Regular 」产生冲突。。失忆了。
    seki
        3
    seki  
       2016-11-18 15:39:00 +08:00   ❤️ 1
    开 devtools 看看 network 里面有没有什么 404 / block 之类的
    cst4you
        4
    cst4you  
       2016-11-18 15:42:06 +08:00   ❤️ 1
    请问你可以流畅的访问 Google 吗, 如果不能, 请翻墙
    如果能, 仔细检查字体加载情况
    cst4you
        5
    cst4you  
       2016-11-18 15:42:48 +08:00
    ck65
        6
    ck65  
    OP
       2016-11-18 15:45:22 +08:00
    @seki 谢谢,没有请求被阻止。是系统里有个同 family 的字体,产生了冲突。
    ck65
        7
    ck65  
    OP
       2016-11-18 15:46:22 +08:00
    @cst4you 谢谢,文件加载都是正常的,梯子工作正常。因为系统里安装了同 family 名称的字体产生冲突。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3151 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 14:05 · PVG 22:05 · LAX 07:05 · JFK 10:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.