第一步，在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;
}
|