web-font使用教訓

用於總結自己在使用web_font的時候遇到的問題，與自己解決問題的思路

一、業務需求

在移動web頁面編輯文字，提供一定的中英文字體選擇；
（1）、無論是移動web還是pc,可以供選擇的字體是非常有限的；特別是中文字體，需要自己下載；往往是非常大的，這樣項目會變得的非常的臃腫，用戶體驗就更加不用說了。
![這裏寫圖片描述](https://img-blog.csdn.net/20171020184342059?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXExMjkxNjk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
（2）、本地自動化 WebFont 壓縮,如果只是靜態頁面@font-face，也是可以，可以壓縮字體工具有多種（字蛛(FontSpider)，）

(3)、字體雲服務
**國內目前有兩家公司提供中文 WebFont 雲託管服務，他們能夠壓縮與轉碼字體：
http://www.youziku.com （有字庫）
http://cn.justfont.com （就是字）

使用經驗：
優點：字體選擇很多，有收費與免費字體，cdn加速也算穩定，使用簡單
但是，服務都是收費的，使用pv計算，價格自己去看*(我就是開始沒有看清楚，所有改了技術實現，這是一個深刻的教訓)*

有字庫使用

//引入js
<script src="http://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.client.min.js"></script>
//實現
var entity={
              AccessKey:style,//選擇的字體key值
             Content: binding.value.content,//需要修改的文本內容
              Tag:"#"+$(el).attr('id')//目標元素的id，可以是多個
            };
 //方法回調
$youzikuClient.getFontFace(entity, function (result) {
        console.log(result)
     });