小程序引入外链字体库

js 复制代码
uni.loadFontFace({
     family: 'YouSheBiaoTiHei-2',
     source: 'url("https://file.wonder-link.net/YouSheBiaoTiHei-2.ttf")',
     success(res) {
         // self.setData({ loaded: true })
     }
 });
html 复制代码
<div class="title-bg">{{ infoDetails.subtitle }}</div>
css 复制代码
text-align: center;
font-size: 70rpx;
font-weight: bold;
color: #fff;
position: absolute;
top: 28%;
margin: auto;
left: 0;
right: 0;
font-family: "YouSheBiaoTiHei-2";

效果

相关推荐
毕设源码-邱学长6 小时前
【开题答辩全过程】以 基于微信小程序的农商新闻网为例,包含答辩的问题和答案
微信小程序·小程序
小光学长6 小时前
基于微信小程序的家具商城系统g80l9675(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
数据库·微信小程序·小程序
云起SAAS6 小时前
1V1七彩测评抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·1v1七彩测评
sheji34166 小时前
【开题答辩全过程】以 基于微信小程序的签到系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
说私域8 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的社群运营创新研究
人工智能·小程序·开源
chinrock8 小时前
如何抓包飞书小程序-飞书开发者工具
小程序·飞书
vx_dmxq2111 天前
【微信小程序学习交流平台】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·python·mysql·微信小程序·小程序·idea
学点程序1 天前
AI辅助开发小程序的实践分享
小程序
vx_dmxq2112 天前
【PHP考研互助系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·考研·微信小程序·小程序·php
蹦极的考拉2 天前
夜间无法登录:ThinkPHP api接口 23:00 准时罢工的排查全纪录
小程序·thinkphp·api接口·无法登陆