如何使用自定义字体？@font-face

@font-face {
    font-family: pictos;  //给这个字体自己命名一个名字
    src:url( 'pictos/pictos-web.woff' ),   //注意这里是逗号啊
    url( 'pictos/pictos-web.ttf' ),
    url( 'pictos/pictos-web.eot' );  /* IE9 */

}




首先是你得在本地有个pictos文件夹，里面有pictos-web.woff，pictos-web.ttf，pictos-web.eot的三个文件。这样你才能引进来

然后在使用的时候

h1{font-family:pictos;}