uniapp 使用字体包(.TTF)
字体本地
-
本地字体文件小于40kb，直接引入使用
❝
在字体文件小于 40kb 时，uni-app 会自动将其转化为 base64 格式；
❞
/* @font-face {
font-family: "baidufont";//引入字体包，自己起的名字
src: url('./static/font/Alimama_ShuHeiTi_Bold.ttf');//字体包路径
} */
❝
一般在static建font文件夹，直接把字体包放在新建的文件夹下面，在app.vue引入字体包，全局可使用
❞
-
本地字体文件大于40kb，需要转化为 base64 格式
❝
转换网站：https://www.giftofspeed.com/base64-encoder
❞
@font-face{font-family:'字体名字'; src: url(data:application/font-ttf;charset=utf-8;base64,base64格式) format('truetype');}
@import url('~@/static/文件地址');
❝
在app.vue引入，全局可用
❞
在线引入
@font-face {
font-family: "baidufont";
src: url('线上字体包地址') format('truetype');
}
-
使用方法
font-family: 字体名字;
❝
即可生效
❞
❝
好啦，今天的分享就到这里，希望能帮助到大家，大家也不要吝啬你们的赞哟。
❞
原文始发于微信公众号（分享是个有趣的东西）：uniapp使用字体包
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/158959.html
