刚刚在星球里写零基础教程时候,为了让他们更加熟悉视图层,给他们布置了一个小作业需要有引入外部字体这个需要,百度虽然挺多的,但我还是喜欢自己实践出的内容,简单写一下,下面是效果图:
一、下载字体
直接百度ttf、eot、svg、woff字体,随便一种都行,我一般都是ttf字体,然后下载到本地解压,下面是我下载解压好的一款字体。
二、上传转换
打开网站:
https://transfonter.org/
如下图所示,按标号顺序操作即可,设置那里是把Base64 encode打开然后勾选下面五个选项
三、写入小程序
在小程序内创建一个.wxss文件,比如font.wxss,然后把刚刚第二步得到的stylesheet.css全部复制到font.wxss
四、页面调用
到需要引用字体库的wxss文件,用import 方式引入字体库@import '../../style/font.wxss'; 需要用的标签添加font-family字体名称:font-family: Nauert;
全部过程就欧克了!!!