中文字体@font-face的导入

因为英文字母只有26个，因此生成.eot、.woff、.ttf、.svg等文件是比较小的，也就十几KB而已。可是对于汉字来讲，经常使用的汉字就已经2500个了，生成的文件通常要2-3MB，如此庞大的包对页面的加载时很是不利的，所以网络上那些@font-face格式转换网站通常都不支持中文字体格式的转换，好比字客网<https://www.fontke.com/tool/fontface/>、在线字体转换工具<http://www.sfont.cn/tools/font>等等，这些网站上面看似能够转换@font-face，但其实都是欺骗感情的，太大的文件上传不了到这个网站，或者是转化出来的文件根本就没有效果。
既然中文字体很难转换，那么还有什么方法能够解决这个问题吗？答案是有的。
既然2500个字太多了，那么咱们为何必定要把这些字体所有都转换了呢？咱们转换咱们在界面显示的时候须要的文字不就能够了吗？生成一个字体库，好比我须要在网页以“思源黑体”的字体显示“中文字体转换”这几个字，那么咱们就生成这几个字的“思源黑体”字体库，这样就大大减少了字体包的大小了。
终于，在个人不辞辛劳之下，确认过眼神，终于发现一个网站"有字库"，就是这么作的。
进入网址查找本身须要的字体，如“思源黑体Regular”

点击无偿使用

点击CSS模式

输入文字，点击生成以后，就能够看到转换为“思源黑体Regular”的字了，同时咱们还能够发现一个样式表的地址。

选中这个地址而后访问，咱们能够看到一串@font-face{}代码，这就是咱们想要的。

@font-face {
    font-family: 'SiYuanRegular11ee5a9d511cc1a';  /*自定义字体名称*/
    src: url('//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.gif?r=74334960047');
    src: url('//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.gif?r=74334960047?#iefix') format('embedded-opentype'),/*IE6-IE8*/
    url('//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.png?r=74334960047') format('woff2'),
    url('//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.bmp?r=74334960047') format('woff'),/*现代全部浏览器*/
    url('//cdn.webfont.youziku.com/webfonts/nomal/117786/46827/5af4046ff629dd11a4d2bb8d.jpg?r=74334960047') format('truetype');/*Safari、Android、iOS*/
    font-weight: normal;
    font-style: normal;
}

切记，须要在每一个url里面加上http:，否则请求确定错误。
接下来就能够在须要的地方使用这种字体了！