有字庫(kù)web font主要有三種調(diào)用方式，請(qǐng)您根據(jù)您的實(shí)際情況選擇相應(yīng)的調(diào)用方式：

方式一：CSS模式

• 
  

• 適用于內(nèi)容靜態(tài)固定的、不變動(dòng)的、非數(shù)據(jù)庫(kù)動(dòng)態(tài)更新的的頁(yè)面。

• 特點(diǎn)優(yōu)勢(shì)：

• • 應(yīng)用簡(jiǎn)單快捷：親只需在頁(yè)面代碼中加入css文件引用標(biāo)簽(<link>)，然后在效果顯示標(biāo)簽設(shè)置class屬性即可；

  • 適用范圍廣：凡支持css編輯的地方均可直接引用；

  • 效果展示快速高效：通過(guò)<link>標(biāo)簽在頁(yè)面打開的瞬間將字體推送到客戶端，點(diǎn)亮親的頁(yè)面；

• 注意事項(xiàng)：

• • 需要預(yù)先手工提交文本內(nèi)容：漢字字體文件平均每套5M大小，不可能整套嵌入，有字庫(kù)根據(jù)提交的內(nèi)容按需截取，將字體文件最大限度壓縮。請(qǐng)只提交內(nèi)容涉及到的文字，字?jǐn)?shù)越精簡(jiǎn)，字體文件越小，推送速度越快；

  • 內(nèi)容若有更新須重新手工提交：內(nèi)容變動(dòng)后，若沒(méi)有重新提交，那么出現(xiàn)上次內(nèi)容不包含的文字時(shí)，則該文字只能顯示宋體。

    
    

方式二：JS模式

• DEMO

• 適用于內(nèi)容為數(shù)據(jù)庫(kù)動(dòng)態(tài)更新的頁(yè)面。

• 此模式為熱心用戶盧教（代言寶創(chuàng)始人）貢獻(xiàn)，特此鳴謝?。?

• 特點(diǎn)優(yōu)勢(shì)：

• • 多套應(yīng)用：此模式可以方便直觀將多套字體設(shè)置在同一頁(yè)面上，操作簡(jiǎn)單易懂。

  • 自動(dòng)提交：應(yīng)用效果的文本內(nèi)容有變動(dòng)，Javascript將自動(dòng)提交新內(nèi)容并重新生成新的效果文件，無(wú)需手工提交。

  • 字體預(yù)加載：此模式可以在頁(yè)面文字尚未完全加載，即可提前加載字體，從而實(shí)現(xiàn)無(wú)閃爍效果。

  • 應(yīng)用簡(jiǎn)單快捷：親只需在頁(yè)面代碼中加入Javascript代碼，然后用選擇器（$youziku.load語(yǔ)句中第二個(gè)參數(shù)）指定需要在線字體效果的標(biāo)簽即可；

  • 應(yīng)用效果：在新頁(yè)面初次被打開，JS會(huì)根據(jù)選擇器設(shè)置的標(biāo)簽去獲取標(biāo)簽內(nèi)容，并上傳有字庫(kù)生成對(duì)應(yīng)字體，之后若內(nèi)容不變?cè)谌我饪蛻舳硕紝?shí)現(xiàn)快速推送。

• 注意事項(xiàng)：
                 需要設(shè)置 白名單，白名單作用是為了防止非法網(wǎng)站盜用您的字體代碼，從而非法消耗您的連接數(shù)資源（代碼里的Key是和您的帳戶相關(guān)聯(lián)的）。所以只有您設(shè)置為白名單的域名，有字庫(kù)才會(huì)允許使用您的Key。

• 支持泛域名：

  例: a.b.c.com
  

  可添加泛域名如下:

  1) *.c.com

  2) *.b.c.com

  以上域名列表中您任意添加一個(gè)均可驗(yàn)證通過(guò)

  備注：假設(shè)如果您的域名是一級(jí)域名c.com,那么如果已經(jīng)添加了泛域名*.c.com，可以通過(guò)驗(yàn)證，不需要再手動(dòng)添加c.com到白名單

方式三：后端模式

• 點(diǎn)擊這里跳轉(zhuǎn)到SDK下載頁(yè)

• 適用于電商及門戶網(wǎng)站。

• 特點(diǎn)優(yōu)勢(shì)：

• • 極速響應(yīng)：本模式是在頁(yè)面內(nèi)容錄入時(shí)即生成對(duì)應(yīng)字體，當(dāng)用戶瀏覽網(wǎng)頁(yè)時(shí)，頁(yè)面會(huì)直接從CDN上獲取生成好的字體文件，直接高效；

  • 可定制CDN：CDN地址可以由用戶自定義，可以是用戶網(wǎng)站的二級(jí)域名。并且用戶也可以設(shè)置將生成的文件上傳至自有CDN上；

  • 機(jī)動(dòng)性：本模式所生成的字體與文字內(nèi)容緊密相關(guān)聯(lián)，頁(yè)面內(nèi)容隨意變動(dòng)，字體效果都能靈活跟隨；

• 注意事項(xiàng)：

• • 此模式為后端程序提交，提交后有字庫(kù)生成字體，并返回@font-face語(yǔ)句，需要用戶用數(shù)據(jù)庫(kù)保存；

  • 此模式也可以不保存@font-face語(yǔ)句，用戶可以自定義字體的地址（如果用戶文章ID+標(biāo)簽名等來(lái)確認(rèn)唯一性），在引用字體時(shí)，只需要根據(jù)自定義的路徑拼出@font-face語(yǔ)句即可；

  • 此模式是在內(nèi)容錄入時(shí)調(diào)用接口，在內(nèi)容展示時(shí)，不要再調(diào)用接口，直接把@font-face語(yǔ)句輸出到前端即可。