移动端自定义字体font-face优化(替代方案)

提前声明:没有打广告!!

微信端要上个页面,使用到比较特殊的字体,所以只能用font-face来引入,但是,由于是个中文字体,所以体量特别大,如图:


竟然高达4.6mb

这样肯定不行啊,html、js总共不到几百k,而且字体加载完后,页面字体整体会duang的变一下。

一开始想用 字蛛(百度一下) 来压缩,但由于是中文字体,压缩完还是很大;

教程开始:

突然就在网上搜到了这个网站有字库,

注册>登录>找到你想要的字体,把js代码放到你的html里边


分为css、js调用两种方式。必须设置白名单

因为我用的Hbuild调试的,我把我本地的地址设置到白名单


设置好你网站域名

然后页面上线后发现,字体瞬间加载了。

原理不知道是怎么搞的,希望大神讲出来探讨下

只能说这只是一个临时解决方案,大家有没有更好的方法,希望大家分享一下

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,950评论 25 709
  • 相信很多做前端的都会遇到这一类问题,当前网页需要引入一些特殊字体,过去这些字体通常使用图片代替,不仅增加了requ...
    jskid阅读 12,900评论 1 4
  • 下一刻股票的价格是无法预测的,他的几率永远,接近于1/2。 如果把预测的时间拉长,还是可以预测的。 赌场里面没有投...
    新自由阅读 981评论 0 0
  • 刚刚才发现居然从来没用python操作过数据库,天天净写小脚本了。 sqlalchemy感觉很强大,也需要了解一下...
    邓楼平阅读 1,053评论 0 0