css如何引入外部字体？

 

 

 

css如何引入外部字体？

 

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