css自定义文字

HTML使用css自定义文字

第一步
获取要使用字体的三种文件格式，确保能在主流的浏览器中都能正常显示改字体，并使用FontEditor查看字体内容。
1、.TTF或.OTF，适用于Firefox3.5、Safari、Opera。
2、.EOT，适用于internet Explorer 4.0+。
3、.SVG，适用于Chrome、iPhone。
4、.WOFF:转为web字体制定的字体格式标准，被心版本浏览器广泛支持。
第二步
声明该字体，在css中使用@font-face来声明，并为改字体命名：

@font-face{
    font-family: "icomoon";
    src: url('../fonts/icomoon.eot?axvffw');
    src: url('../fonts/icomoon.eot?axvffw#iefix') 
    format('embedded-opentype'),
    url('../fonts/icomoon.ttf?axvffw')
    format('truetype'),
    url('../fonts/icomoon.woff?axvffw')
    format('woff'),
    url('../fonts/icomoon.svg?axvffw#icomoon')
    format('svg');
    font-weight: normal;
    font-style: normal;
}

第三步
在页面需要的地方适用该字体：`

.pos{
    font-family: "icomoon";
    font-style: normal;
    font-size: 14px;
    color: #f10215;
}