解决firefox显示字体图标为乱码的问题

经常在用Firefox浏览网站的时候发现网站上图标显示为数字或字母乱码，甚至好多大型网站也是，比如淘宝网，如下图，这个是之前截的，现在它貌似已经改正这个问题了。

 

方法/步骤

 

1. 1

   下面就拿我本地的图标来讲讲解决办法吧。

   先看看现象：第一张为乱码图，第二张为正常图。

   

   
2. 2

   出现这种情况的原因是：浏览器强制使用了某些字体导致现在网页流行的字体图标的失效。

   也就是说网页上使用了流行的某种字体，而浏览器强制网页显示为其他字体，这样网页中的字体效果就失效了，但它又无法以强制的字体显示，所以就出现了乱码现象。

3. 3

   那么怎么解决呢？

   办法还是有好多的，但不能保证都管用，虽然本质原因相同，但不同情况下解决方式是不同的。

4.  

   第一种办法：

   在网页中设置当前字体为网页流行字体。

   body {font-family: "Microsoft YaHei","iconfont"  !important;}

   但这种情况适用于自己开发的网页，要是别的网站，比如淘宝，你总不能去改淘宝的网页源码吧。

5.  

   第二种办法：

   修改Firefox浏览器配置。

6.  

   1、点击菜单-“选项”。

   
7.  

   2、点击“内容”-“高级”。

   
8.  

   3、选中“允许页面选择显示字体而无需使用上面的设置”。

   
9.  

   这种办法适用于解决某些网站无法正常显示字体的问题。

   但有时候也未必管用。

10.  

    第三种办法：

    使用@font-face。

    格式如下：

11.  

    @font-face {  font-family: 'font-family名称';  src: url('font字体路径')}

12.  

    如下图，第一张为引用字体的css，第二张为字体文件列表。

    

    
13.  

    这种办法相当于把网页用到的字体直接引用在了网页中，一般情况下可以解决网页字体图标乱码问题。

    不过，类似第一种办法，这种办法也只能解决自己的网页问题，对于别人网页的问题只能由他们自己解决，或者通过第二种办法来解决了。

     

转载于:https://www.cnblogs.com/qfly/p/7699189.html