引入方式
方式1
wx.loadFontFace({
global: true,
family: 'DIN-Alternate-Bold',
source: `url(https://test-font.com/DIN-Alternate-Bold.ttf)`, // 字体文件网络路径 success: () => {},
fail: (error: any) => {
// eslint-disable-next-line no-console console.log(error)
},
})
方式2
@font-face {
font-family: 'HYZhuZiChaoRanTiW';
src: url("https://test-font.com/DIN-Alternate-Bold.ttf"); // 字体文件网络路径 }
配置
方式1需要配置在小程序后台配置,request请求域名
引用方式
在需要的.wxss文件引用
.customText {
font-family: 'DIN-Alternate-Bold';
color: #FF9D2A;
font-weight: 500;
font-size: 24px;
}
注意事项
nginx需要配置字体支持跨域,不然安卓机会失效
联系我们
友情链接:
小程序开发 小程序定制开发 小程序商店 微信小程序开发文档 分销商城小程序 电商小程序开发 百家号 商城小程序 微信小程序开发API 小程序定制 生鲜小程序 全平台开发 网站建设 外包开发 自主研发产品 sitemap robots热门地区:
松江开发公司 青浦开发公司 崇明开发公司 杨浦开发公司 宝山开发公司 奉贤开发公司 虹口开发公司 闵行开发公司 长宁开发公司 静安开发公司 黄浦开发公司 嘉定开发公司 徐汇开发公司 金山开发公司 上海开发公司 南昌开发公司 杭州开发公司 上饶开发公司COPYRIGHT 2009-2016 www.guanzhiweb.com ALL RIGHTS RESERVED
版权所有 上海观智网络科技有限公司