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)
     });