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