微信小程序--如何加入自定义字体

在编写微信小程序时候发现微信无法引入网络自定义字体@font-face,但是如果载入自定义字体文件(因为是汉字).ttf文件会特别大,一般都会超过微信小程序限制的2M。

解决思路

遇到这个问题时上各大搜索网站。发现只有提供利用阿里巴巴图标网站transfonter。进行应用自定义图标。移步引入图标segmentfault

在文中我看见可以转译.ttf文件。那么就可以实现自定义字体了。(当然现有的所有字体文件,都是包含了大量中国文字体。毕竟谁叫我们中是世界上最难学的语言之一。)由于体积太大,我们只需要提取我需要使用的字体即可。

解决方法

工具百度网盘,密码zwyh

如图:

这软件只有选择系统文字才可用,所有使用时先安装字体。选择需要保存文件路径,然后输入需要的字。运行即可。

然后去transfonter转译。

GIF

工具:

转译:

效果图:

胖丫儿为版权字体,仅供学习。

真是过分了

昨天解决,晚上就推送版本。解决了这个问题。

坚持原创技术分享,您的支持将鼓励我继续创作!