标题: [经验交流] 自己修正了几个iconfont样式的bug,分享一下css样式表 [打印本页]

---

作者: kolos    时间: 2016-9-14 17:20     标题: 自己修正了几个iconfont样式的bug,分享一下css样式表

记得原本是从hello雅黑提取出来的,但是有两个问题+-等字符也默认显示为icon了,还有不支持淘宝的iconfont

以下是css的内容

/*避免icon类字体使用雅黑*/

[class*="g-icon"] {
        font-family: "global-iconfont"!important;
}

[class*="tb-fp-iconfont"] {
        font-family: "tb-fp-iconfont"!important;
}

[class*="tb-toolbar-item-icon"] {
        font-family: "tb-toolbar-iconfont"!important;
}

[class="fp-iconfont"] {
        font-family: "fp-font"!important;
}
[class="mui-iconfont"] {
        font-family: "mui-iconfont"!important;
}

[class*="uxiconfont"] {
        font-family: "uxiconfont" !important;
}
[class*="iconfont_"] {
        font-family: "iconfont_10", "iconfont_14", "iconfont_60" !important;
}

[class*="el-icon-"] {
        font-family: "Elusive-Icons"!important;
}

[class*="ss-social"] {
        font-family: "SSSocial"!important;
}
[class="ss-icon"] {
        font-family: "SSSymbolicons"!important;
}
[class="iconfont"] {
        font-family: "iconfont" !important;
}
[class*="W_ficon"] {
        font-family: "wbficonregular" !important;
}
[class*="W_swficon"] [class*="spac"] {
        font-family: "WBswficon" !important;
}


/*[class^="icon-", class^="-icon"] {
        font-family: "collamark" !important;
}*/


/*优先英文字体优化，其次中文使用雅黑*/
*{
  font-family:  "icomoon", "tmt-icons", "topbar", "sv", "MD_Font", "octicons",  "FontAwesome", "dashicons", "iconfont", "Segoe UI", "WenQuanYi Micro Hei", "WenQuanYi Micro Hei Mono", "Microsoft Yahei", "Microsoft Yahei Mono"，"微软雅黑" "sans-serif" ;
}

/*代码/宽体等字体的优化*/
pre, code, textarea, tt, kbd, samp,
pre *, code *, textarea *, tt *, kbd *, samp *{
  font-family: "Segoe UI", monospace !important;
}

---

欢迎光临 世界之窗论坛 (http://bbs.theworld.cn./)

Powered by Discuz! 7.2