web字體詳解@font-face

 

    

一：字體的下載（http://www.dafont.com/new.php）

二：選擇須要的字體並下載（ Download ）

三：下載後並解壓

四：獲取@font-face所須要字體的格式.eot,.woff,.ttf,.svg,須要第三方工具來實現（網址：https://www.fontsquirrel.com/tools/webfont-generator）

五：所需字體下載完成並解壓

六：目錄結構

七：自定義字體樣式：

八：HTML結構

九：效果