小程序中引入外部字体

刚刚在星球里写零基础教程时候，为了让他们更加熟悉视图层，给他们布置了一个小作业需要有引入外部字体这个需要，百度虽然挺多的，但我还是喜欢自己实践出的内容，简单写一下，下面是效果图：

一、下载字体

直接百度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;

全部过程就欧克了！！！