第一步，在CSS中引入字体并给名字取一个合适的名字，如下
|
1
2
3
4
5
6
7
|
@font
-face {
/* font-properties */
font-family: pictos;
src:url(
'pictos/pictos-web.woff'
),
url(
'pictos/pictos-web.ttf'
),
url(
'pictos/pictos-web.eot'
);
/* IE9 */
}
|
font-family定义字体的名字，接下来的src是加载字体文件的位置，之所有有多个url就是因为浏览器兼容问题。
第二步，使用刚刚定义的字体，如下
|
1
2
3
|
div {
font-family: pictos;
}
|