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

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

一、字体文件转换为css

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

注意选择Base64 encode,Formats选择TTF

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

 

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

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

 

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

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

  

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

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

二、使用字体

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

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

@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

吞云吐雾

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

上一篇:php 微信3 自定义菜单


下一篇:在oracle下如何创建database link全面总结