在制作網頁的時候我們通過會通過設置 font-family 來定義頁面字體，但有的時候系統自帶的字體並不能滿足我們的全部需求，為了頁面的豐富性和美觀性，我們可能需要在特定的地方使用一些特定的字體。
如果這個藝術字的內容是固定的，那我們大可以直接用切圖的方式來解決，比如網站的 Logo 這種；但有一些例如網站的標題，訂單數字等動態生成的內容，就沒辦法切圖了，這個時候我們就可以引入自定義的字體了。
自定義的字體的選擇
谷歌為我們提供了很多免費的在線字體可供選擇，打開 www.googlefonts.cn/# 國內鏡像（國內不能使用谷歌服務），選擇你中意的字體，生成代碼，使用 link 標簽引入到頁面中即可，非常的方便~
生成本地字體文件
如果覺得在線的字體不穩定，或者設計師已經提供了 設計稿里面的字體文件，那我們也可以直接使用本地字體，這里要推薦一個很好用的網站 www.fontsquirrel.com/，選擇 Generator ，上傳你的字體文件，像之前設計師提供給我的就是 ttf 格式。上傳之后，選擇 OPTIMAL 格式，點擊 DOWNLOAD YOUR KIT ，會下載下來一個壓縮包。
打開這個壓縮包，會發現各種格式的字體文件都已經生成好了，同時還生成了一個 css 文件，在這個文件里面它已經自動給你生成好了 @font-face 並引入了字體文件，你只需要在頁面里面引入這個 css 文件就可以使用這個字體咯！
擴展
- 目前到項目里面我只考慮了英文字體和數字字體的引入，因為中文字體文件實在是太大了，根本沒必要。看到其他教程說到可以用字蛛來壓縮，下次可以試試。字蛛