27
2015
08

全局雅黑和网页特殊字体图标河蟹共处的完整解决方案

  1. 安装扩展Stylish https://addons.mozilla.org/zh-cn/firefox/addon/stylish/,然后随便新建一个样式,将下列内容复制进去:

  2. /*强制全局雅黑*/
    @-moz-document regexp('.*'){
      *{
        font-family: "Microsoft Yahei" !important;
      }
    }
    
    /*土豆网*/
    @-moz-document domain('tudou.com'){
    *{
        font-family:  "Microsoft Yahei",tuiicon !important;
      }
    }
    
    /*淘宝*/
    @-moz-document domain('taobao.com'){
    *{
        font-family:  "Microsoft Yahei",iconfont !important;
      }
    }
    
    /*github*/
    @-moz-document domain('github.com'){
    *{
        font-family:  "Microsoft Yahei",octicons !important;
      }
    }


stylish里面新建一个样式,然后将上面代码复制进去就行了。

上面代码的关键之处:
比如我们要解决淘宝的图标乱码问题,将下面的代码添加到上去就行了。
iconfont 就是淘宝用来显示图标的特殊字体,添加到 "Microsoft Yahei",之后就行了。

/*淘宝*/
@-moz-document domain('taobao.com'){
*{
    font-family:  "Microsoft Yahei",iconfont !important;
  }
}

NAS上的兼容设置

@-moz-document domain('81509802.com'){
  *{
    font-family: "Microsoft Yahei",FontAwesome!important;
  }
}
@-moz-document domain('kiyeer.net'){
  *{
    font-family: "Microsoft Yahei",FontAwesome!important;
  }
}


« 上一篇下一篇 »