網頁使用的字體需要受制於操作系統，如果用戶的操作系統沒有安裝某個字體，網頁則會退而求其次的使用系統自帶的字體。
因此我們並不能隨便使用一些好看的字體，只能選用一些安全字體。比如：Helvetica，Arial，宋體，微軟雅黑，如果能在網頁上使用好看的字體就好了~
可是引入字體對於英文來說，是合適的，因為字體文件本身不大。但是對於中文字體，一個字體文件就好幾M，既耗費流量，又拖慢了加載速度，還會出現加載后字體突然變化的情況，尤其是對於移動端來講，非常不划算。
做為一個有追求的前端，我也想做出一個有個性的網頁啊，怎么能只用這一種字體呢？
於是，我們可以使用以下的方法，引入其他的字體。
1.谷歌字體源--英文字體
可以在https://fonts.google.com/網站上下選擇字體，然后把提供的代碼，引入網頁中。
在網頁中正常定義即可，如：font-family: 'Roboto', sans-serif;
還可以把字體文件下載下來，放在服務器上引用。
不過，這些字體不包括中文。純英文的網站可以考慮使用。中文則不會按照設定的字體顯示。
2.使用切圖片的方式
最簡單的方式，把文字切成圖片，這是最快、最直接的方式，但是圖片在放大或者縮小后會模糊，字體不清晰。
3.Every font在線中文字體壓縮
直接將字體放在服務器上引用，但是一個中文字體要好幾M，這樣做並不合適。於是我做了一個在線壓縮字體的工具--everyfont。
只需要上傳html網頁和字體的zip壓縮包，工具便會將ttf中的字體精減，只剩下html頁面中包含的字體。這樣一個網頁下來，字體文件就幾K，一張圖片也要好幾十K呢，還是非常合適的。
上傳的zip文件必須包括ttf格式的字體，而其他的字體以下面的例子寫在html中，everyfont在線工具可以直接生成其他幾種格式的文件。
body{
font-family: 'FZLTXHJW';
src: url('./FZLTXHJW.ttf') format('truetype'), url('./FZLTXHJW.svg') format('svg'),url('./FZLTXHJW.woff') format('woff');/*路徑要正確*/
font-weight: normal;
font-style: normal;
}
這樣我們的網頁就可以使用任意的字體了,不用擔心中文字體過大影響加載了，不過，如果后期修改文案，盡量要是網頁中出現過的字，如果修改的文字有新的字 ，則還需要在用原來完整的ttf字體文件，重新上傳一遍。
tips：還在測試中，請大家熱情的提意見哦~
工具地址：http://everyfont.enjoyfe.com
注：本文原創，轉載請注明出處。
有任何疑問，可以關注公眾號並留言，會第一時間回復的~~
