uni-app:微信小程序:预加载字体文件(hbuilderx 3.7.3)
2023-09-14 09:01:15 时间
一,官方文档地址:
https://uniapp.dcloud.net.cn/api/ui/font.html
二,js代码:
1,app.vue
<script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!') console.log('App Launch');//加载字体文件 let fontUrl = "https://spkf-zsxn-prod.s3.cn-north-1.amazonaws.com.cn/pic/livecenter/kaiti.ttf"; uni.loadFontFace({ global: true, family: 'kaiti', source: 'url("'+fontUrl+'")', success() { console.log('字体加载成功') }, fail(res) { console.log('字体加载失败',res) } }); }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('App Hide') }, } </script>
说明:注意增加 global: true, 一行,
否则在其他页面不生效
2,在业务内容页面上应用:
<style> .title{ font-size: 60rpx; font-family: 'kaiti'; } .content{ text-align: center; font-size: 40rpx; margin-top: 30rpx; line-height: 80rpx; margin-left: 60rpx; letter-spacing: 10rpx; font-family: 'kaiti'; } </style>
说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: 371125307@qq.com
三,测试效果
四,查看hbuilderx的版本:
相关文章
- 安卓app连接CC2541-手机休眠后唤醒,通信不再成功
- Windows Store App 全球化:引用分离资源文件中的资源
- Windows Store App 全球化:在XAML元素中引用文件资源
- Windows Store App 变形特效
- Windows Store App 用户库文件操作
- 第三百七十五节,Django+Xadmin打造上线标准的在线教育平台—创建课程机构app,在models.py文件生成3张表,城市表、课程机构表、讲师表
- 第三百七十三节,Django+Xadmin打造上线标准的在线教育平台—创建用户app,在models.py文件生成3张表,用户表、验证码表、轮播图表
- ios开发,app调用资源文件到C++的方法
- uni-app:引入全局样式文件(hbuilderx 3.6.18)
- 混合app 解决常见bug弹出键盘返回出现闪屏
- uni-app+thinkphp: 多图片文件上传(hbuilderx 3.7.3)
- uni-app: 使用自定义字体文件(hbuilderx 3.6.18)
- [Flutter] 写第一个 Flutter app,part1 要点
- Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
- Atitit 微服务的原理与实现方式 目录 第一章 什么是微服务?1 第二章 核心要素2 足够微小,2 服务化 进程隔离2 第三章 实现模式2 多个app启动文件(推荐轻量级)2 多项目
- Android添加用户组及自定义App权限的方法
- 抖音app抓包文件替换
- 2023最全的 App 应 用 测 试 技 巧
- Appium自动化测试基础— 补充:App的包名(appPackage)和启动名(appActivity)
- 老板叫我写个APP自动化--Yaml文件读取--内附整个框架源码
- 在 UWP 应用中创建、使用、调试 App Service (应用服务)
- UICC 之 USIM 详解全系列——USIM App文件结构
- Android 11.0 Launcher3仿ios长按app图标实现抖动动画开始拖拽停止动画
- Microsoft Remote Desktop 10 - 微软官方免费远程桌面控制 Windows 的软件 APP