對(duì)于網(wǎng)站制作公司的前端老手來說，為了保證展示效果，不得不長(zhǎng)期使用“安全字體”。英文網(wǎng)址永遠(yuǎn)是Verdana，中文網(wǎng)址永遠(yuǎn)是Songti ——，因?yàn)檫@是每臺(tái)瀏覽網(wǎng)頁的電腦必備的。安裝的字體。

這是設(shè)計(jì)理念不斷完善的UI老師所不能容忍的。字體是頁面效果的基礎(chǔ)。就像給模特?fù)Q衣服走秀，卻只能用一兩個(gè)模特（對(duì)中國(guó)用戶來說，幾乎只有一種宋體）？如何在網(wǎng)頁上應(yīng)用豐富的字體效果？特殊字體應(yīng)用方案目前方案無非三種：

1. 客戶打開網(wǎng)頁，提示客戶安裝字體。

2.將圖片嵌入網(wǎng)頁。

3、將字體嵌入網(wǎng)頁（通過上傳字體文件到指定目錄，讓CSS引用顯示）。

第一種方案顯然有缺點(diǎn)，使用腳本程序來識(shí)別客戶端是否包含字體，增加了程序的負(fù)載。并嚴(yán)重影響用戶體驗(yàn)。最有效！

第二種方案生成圖片，網(wǎng)頁加載慢，不利于百度收錄，效果差！

第三種方案流量小，加載速度快，效果最好！

第三種解決方案是指網(wǎng)頁字體（web fonts，也稱為“網(wǎng)絡(luò)字體”或“網(wǎng)絡(luò)字體”），可以通過將字體文件上傳到指定目錄，然后在CSS中以指定格式引用來使用。字體效果躍入你的頁面，讓網(wǎng)頁文字不再受瀏覽客戶端的影響。網(wǎng)絡(luò)字體與瀏覽器支持

Web 字體是通過CSS 中的@font-face 語句實(shí)現(xiàn)的。一般認(rèn)為網(wǎng)頁字體是CSS3中的一個(gè)模塊。其實(shí)早在CSS2的時(shí)候就已經(jīng)存在了，甚至老式的IE6甚至IE4都支持它們。其他瀏覽器包括手機(jī)瀏覽器也完美支持（如IE、360、搜狗、Firefox、chrome、safari、Opera等）。網(wǎng)絡(luò)字體使用方法

各種瀏覽器都支持@font-face 聲明，但嵌入的字體文件是分開的。要想所有瀏覽器都能正常顯示，就得準(zhǔn)備各種嵌入格式的字體文件（.eot、woff、svg、ttf）。

字體可以上傳到FontSquirrel，所有需要的格式都會(huì)自動(dòng)生成。然后將文件上傳到空間，然后按照@font-face聲明的規(guī)范進(jìn)行引用。

中文網(wǎng)頁字體的使用方法

注意中文字體，因?yàn)橹形淖煮w不同于英文。一套中文字體一般是4-6M。如果整套嵌入，沒有多少瀏覽者會(huì)耐心等待字體加載完畢，加載前關(guān)閉頁面。

所以需要提前截取中文字體，根據(jù)文章內(nèi)容涉及的字詞，將截取的小字體嵌入使用即可。

沒錯(cuò)，中文確實(shí)是太麻煩了，這也是為什么英文網(wǎng)頁上使用了那么多網(wǎng)頁字體，卻很少遇到中文的原因。第三方平臺(tái)簡(jiǎn)易操作

準(zhǔn)備各種格式的文件太麻煩了，尤其是中文，需要截取小字體。

沒有專業(yè)的工具很難實(shí)現(xiàn)，但是不用擔(dān)心，借助第三方平臺(tái)，這一切都輕而易舉。

現(xiàn)在有一些很棒的平臺(tái)。如英文typekit、fontdeck、google font等，以及中文“youziku.com”等，都可以大大方便網(wǎng)頁字體的使用。有字庫主要針對(duì)中文網(wǎng)絡(luò)字體引用，使用方法主要有兩種：

1.javascript方法

選擇字體后，網(wǎng)站將為您提供一個(gè)javascript 腳本。不需要提交文章，導(dǎo)入前后腳本即可。腳本會(huì)根據(jù)當(dāng)前文章的內(nèi)容自動(dòng)生成各種格式的字體文件，嵌入到當(dāng)前頁面中。

2. CSS方式

選擇字體后，需要提交文章內(nèi)容。網(wǎng)站會(huì)將文章內(nèi)容截取到一個(gè)小型字體庫中，自動(dòng)生成各種格式（.eot、woff、svg、ttf）的字體文件，并返回一個(gè)由css文件標(biāo)簽引用的Link，你只需要將這個(gè)Link標(biāo)簽引入到頁面的head標(biāo)簽中，最后別忘了在引用網(wǎng)頁字體的標(biāo)簽上設(shè)置class。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！