用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

吞云吐雾


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM