简体中文
动态加载字体。一般有2个应用场景:
App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 抖音小程序、飞书小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue 1.9.0+;app-uvue 3.9+ | 2.3.4+ | 基础库 2.1.0+ | 1.11.0+ | x | x | x |
HarmonyOS Next 兼容性
HarmonyOS Next |
---|
x |
app-nvue不支持本api,而是使用 Weex 提供的 DOM.addRule 加载自定义字体,详见。
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
global | Boolean | false | 否 | 是否全局生效。微信小程序 '2.10.0' 起支持全局生效,需在 app.vue 中调用。 |
family | String | 是 | 定义的字体名称 | |
source | String | 是 | 字体资源的地址。见下 | |
desc | Object | 否 | 可选的字体描述符(uni-app x 暂不支持) | |
success | Function | 否 | 接口调用成功的回调函数 | |
fail | Function | 否 | 接口调用失败的回调函数 | |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
名称 | HarmonyOS Next 兼容性 | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options | - | ||||||||||||||||
|
名称 | HarmonyOS Next 兼容性 |
---|---|
errCode | - |
errSubject | - |
data | - |
cause | - |
errMsg | - |
名称 | HarmonyOS Next 兼容性 |
---|---|
errMsg | - |
source
Object.desc 的结构
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
style | String | normal | 否 | 字体样式,可选值为 normal / italic / oblique |
weight | String | normal | 否 | 字体粗细,可选值为 normal / bold / 100 / 200../ 900 |
variant | String | normal | 否 | 设置小型大写字母的字体显示文本,可选值为 normal / small-caps / inherit |
uni.loadFontFace({
family: 'Bitstream Vera Serif Bold',
source: 'url("https://sungd.github.io/Pacifico.ttf")',
success() {
console.log('success')
}
})
uni-app x 中加载字体图标,详见 hello uni-app x 的 loadFontFace
已废弃。
将upx单位值转换成px。因upx已废弃,推荐使用rpx。rpx无需特殊API可直接使用。
<script>
export default {
data() {
return {
boxWidth:""
}
},
onLoad() {
this.boxWidth = uni.upx2px(600) + 'px';
}
}
</script>