用Taro写一个微信小程序——引入外部字体

🌲  小程序直接用.ttf字体文件，在开发工具看没有问题，但是打包编译会提示这个字体文件打包上传不成功。

一、字体文件转换为css

1、打开https://transfonter.org/ 

注意选择Base64 encode，Formats选择TTF

 

2、点击Add fonts按钮，上传字体ttf文件

 

3、点击Convert按钮进行字体转换

  

4、点击下载按钮，得到如下文件

二、使用字体

1、将下载回来的css文件放入项目，在根目录的app.scss文件中引入

@import "styles/font/bebas.css";

 

2、在需要的位置直接使用

font-family: 'Bebas';

 

End------------------------- 

Ten thousand sticky dreams

一万个粘稠的梦

lost to reality

敌不过一个现实

seer steals thief's cigarette

先知偷走盗贼的烟

and takes a puff

吞云吐雾