css3中的字体图标 iconfont的问题

html-css025

css3中的字体图标 iconfont的问题,第1张

去bootcss网站上下载一个看一下就明白了，让别人讲你自己也要了解下。

.icon-cart:before {

content: "\e623"

}

或

.icon-cart:after {

content: "\e623"

}

都可以

\e623 就是对应的你要插入的那个字体图标的编号

<img src="图标.jpg" class='xuanzhuan' />

.xuanzhuan{animation:xz 1s linear infinite }

@keyframes xz{

from  {transform:rotate(0deg)}

to{transform:rotate(360deg)}

}infinite 旋转不限次数，也可以改成1，旋转一次

检查CSS里字体文件的路径是否正确，字体大小是否定义。

检查CSS里字体是否被定义，如：.icon-ok {content:''} content内是否有内容,类似 /ef83