uniapp小程序增加自定义字体

仅供自己参考,不做任何讨论
前期准备:准备好字体文件,ttf,otf,(找设计师给)
在线转换工具 https://transfonter.org/

1、在app.vue中引入复制好的字体文件css
在这里插入图片描述
2、在公共样式文件中,加入一个样式名,以便文件中使用
在这里插入图片描述
3、 在需要的文件中使用
在这里插入图片描述
4、如下就是转换的详细步骤,仅供参考。
uniapp小程序增加自定义字体_第1张图片uniapp小程序增加自定义字体_第2张图片
uniapp小程序增加自定义字体_第3张图片
uniapp小程序增加自定义字体_第4张图片

你可能感兴趣的:(工作总结)