提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  移动开发

当前栏目

uni-app:微信小程序:使用外部字体(hbuilderx 3.7.3)

App微信程序 字体 外部 uni 3.7 HBuilderX
2023-09-14 09:01:15 时间

一，代码：

在微信小程序中，字体文件不允许使用本地文件
   @font-face {
     font-family: "kaiti";
     src: url("https://spkf-zsxn-prod.s3.cn-north-1.amazonaws.com.cn/pic/livecenter/kaiti.ttf");
   }
 
.title{
    font-size: 60rpx;
    font-family: 'kaiti';
}

说明：刘宏缔的架构森林是一个专注架构的博客，地址：https://www.cnblogs.com/architectforest

         对应的源码可以访问这里获取： https://github.com/liuhongdi/
         或: https://gitee.com/liuhongdi

说明：作者:刘宏缔 邮箱: 371125307@qq.com

二，测试效果：

未使用字体前
启用字体后

三，查看hbuilderx的版本: 

相关文章