微信小程序引用外部字体

首先查询官网文档 找到:wx.loadFont-Face 动态引用外部字体。
(https://developers.weixin.qq.com/miniprogram/dev/api/media/font/wx.loadFontFace.html?search-key=loadFontFace)
按要求字体文件放置到服务器指定位置,使用后获取不到字体。并报出如图错误!
不知所以!!!{ 如果有伙伴使用这种方法实现,请务必留言,或留下博客地址。感谢!}

微信小程序引用外部字体_第1张图片
于是我使用了另一种方式:@font-face{} 直接使用css引用字体文件
字体文件放在服务器上
可以使用暂时未发现不妥!

css代码

 @font-face {
  font-family: 'fontName';
  src: url('https://com/Family/ygyxsziti2.0.ttf');
 }

.van_icon {
 font-family: "fontName";
}

wxml 代码

<view class='van_icon'>@font-face 引用服务器字体字体样式view>

第一行使用 @font-face{}
第二行使用官方 loadFontFace
微信小程序引用外部字体_第2张图片

你可能感兴趣的:(点滴累积)