chrome中微软雅黑显示为方框的解决办法

2015-05-14生活记录72浏览14评论

本人比较偏爱微软雅黑字体，不过设置成雅黑之后，很多网站的图标字体（icon font）不显示了，只有一个个小方块，wordpress的编辑器图片也不能显示了，难道只能用默认的宋体了，经过一番折腾，终于完美使用微软雅黑字体。

1.什么是图标字体（icon font），如图：

QQ图片20150514111601.png

2.如何使用，大家直接点击这个链接吧，有详细的教程。

3.如何解决chrome不显示图标字体的方法：

使用插件：偏爱微软雅黑字体

完美解决问题，各种字体都能正常显示了。

windows

Mr.He：记录所见 / 所闻 / 所想

发表评论

《chrome中微软雅黑显示为方框的解决办法》有 14 条评论

6楼
hardrain₂：

其实CSS这么写就行了吧…
{
font-family:Microsoft Yahei,Microsoft Yahei,iconfont;
}

2015-07-11 11:23 来自北京市 回复
- Mr.He：
  
  @hardrain我是自己的浏览器用雅黑字体，这个css是网站用的字体
  
  2015-07-11 20:01 来自天津市 回复
5楼
玮鸫₂：

在平时设计图片的时候，雅黑的表现很不错，当然文章使用雅黑也会显得工整。但是我属于随遇而安，什么字体都能接受~

2015-05-15 16:09 来自山东省 回复
- Mr.He：
  
  @玮鸫有个习惯问题，我就不喜欢宋体
  
  2015-05-15 16:16 来自安徽省 回复
4楼
锋子₄：

直接定义文本字体，然后CSS样式上加载第三方的ICO图标就可以了呀！

2015-05-15 15:53 来自江苏省 回复
- Mr.He：
  
  @锋子直接用ico图标可以避免出现这个问题，但有些网站用的是icon font字体，而我的chrome又要用上雅黑字体。
  
  2015-05-15 15:55 来自安徽省 回复
  - 锋子₄：
    
    @Mr.He你好纠结…… :bobo_buyaoa:
    
    2015-05-15 16:51 来自江苏省 回复
    - Mr.He：
      
      @锋子是啊，这就是折衷的办法撒
      
      2015-05-15 17:37 来自安徽省 回复
地板
路易大叔₅：

我也挺喜欢雅黑字体的

2015-05-15 13:17 来自山东省 回复
- Mr.He：
  
  @路易大叔我也觉得雅黑是目前widows上最好看的字体
  
  2015-05-15 13:57 来自安徽省 回复
板凳
火锅桌椅₁：

编码也会出问题的。

2015-05-15 12:29 来自广东省 回复
- Mr.He：
  
  @火锅桌椅是的，什么都可能出问题
  
  2015-05-15 13:57 来自安徽省 回复
沙发
香港服务器₁：

chrome中微软雅黑显示为方框,这应该是编码的问题吧

2015-05-14 11:51 来自重庆市 回复
- Mr.He：
  
  @香港服务器可能是雅黑字库不全
  
  2015-05-14 13:56 来自安徽省 回复