首页 > 微信 > 详细

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

时间:2021-05-11 22:06:42      阅读:21      评论:0      收藏:0      [点我收藏+]

??  小程序直接用.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

吞云吐雾

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

原文:https://www.cnblogs.com/MaiJiangDou/p/14756556.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!