多语言展示
当前在线:1435今日阅读:23今日分享:25

ICOMOON如何导入新的一套图标

ICOMOON如何导入新的一套图标呢?下面就跟小编一起来看一看吧。
工具/原料

PC

方法/步骤
1

ICOMOON如何导入新的一套图标呢?下面就跟小编一起来看一看具体的操作吧。

2

/*依然注意路径问题*/@font-face{        font-family: 'imooc-icon';        src: url('fonts/icomoon.eot'); /* IE9 兼容模式 */        src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype')             ,url('fonts/icomoon.woff') format('woff')             ,url('fonts/icomoon.ttf') format('truetype')             ,url('fonts/icomoon.svg') format('svg');        font-weight: normal;        font-style: normal;    }    p{        font-family: 'imooc-icon' !important;    }

3

/*在什么标签里插入图标,就要声明一下font-family;font-family和@font-face里的一样上面用p做例子    !important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important },即写在定义的最后面,例如:box{color:red !important;}在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,也就是相当于写在最下面。*/

4

        Document       

注意事项

如果看不懂,请教专业人员。

推荐信息