第一步，在中引入字体并给名字取一个合适的名字，如下

 

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; }