第一步，在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;} |
原文：https://www.cnblogs.com/bydzhangxiaowei/p/10457602.html