微信小程序使用外部字体

微信小程序自带的字体并不多,如果需要优化界面,就需要导入外部字体。

这是导入外部字体的方法:

https://jingyan.baidu.com/article/d5a880eba54e3713f147cc91.html

但在使用该方法中,需要注意几个bug点:

1、上传到transfonter的文件不能大于5m,所以一些字体是不能使用的

2、在把css代码复制到小程序上后,有的字体还是不能使用,具体表现为

ERR: something must be wrong


这种情况出现很可能是中英文的问题,同时表现为font-family: ''

最好的解决办法是换一种字体

3、在导入后,程序对应加载速度会降低,最好把这些css放在最后

ps.

在后续编程中,发现字体css超过2M,而微信对文件大小是有限制的,因此,这是一个需要注意的地方,我暂时没有找到好办法,但有个思路是采用压缩方法,尝试压缩文件。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,584评论 1 19
  • 转载链接 注:本文转载知乎上的回答 作者:初雪 链接:https://www.zhihu.com/question...
    pengshuangta阅读 28,818评论 9 295
  • 依稀地记得,因为她而习惯了晚睡。
    李牧羊的世界阅读 191评论 0 0
  • 26岁,2013年6月毕业,2012年圣诞节开始工作。四年九个月的工作时间换了五份工作,细算一下真的有点后背发凉。...
    哈咪喵阅读 1,028评论 4 3