61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
// 下载字体文件，注意要把字体域名加到后台downloadFile白名单中
|
||
function _downloadFont(fontUrl, filePath, fontFamily) {
|
||
wx.downloadFile({
|
||
url: fontUrl,
|
||
success: res => {
|
||
wx.getFileSystemManager().saveFile({ // 下载成功后保存到本地
|
||
tempFilePath: res.tempFilePath,
|
||
filePath,
|
||
success: res => {
|
||
// 加载字体
|
||
_loadFontFace(fontFamily, res.savedFilePath)
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
// 加载文件字体转 base64，load
|
||
function _loadFontFace(fontFamily, filePath) {
|
||
// 读文件
|
||
wx.getFileSystemManager().readFile({
|
||
filePath, // 本地文件地址
|
||
encoding: 'base64',
|
||
success: res => {
|
||
wx.loadFontFace({
|
||
global: true, // 是否全局生效
|
||
scopes: ['webview', 'native'], //
|
||
family: fontFamily, // 字体名称
|
||
source: `url("data:font/truetype;charset=utf-8;base64,${res.data}")`,
|
||
success(res) {
|
||
// console.log(fontFamily + '加载成功：' + res.status)
|
||
},
|
||
fail: function (res) {
|
||
// console.log(fontFamily, res)
|
||
},
|
||
})
|
||
}
|
||
})
|
||
|
||
|
||
}
|
||
// fontUrl: 字体地址
|
||
// filename: 存储文件路径
|
||
// fontFamily: css 中字体的 family
|
||
function loadCloudFontFace(fontUrl, filename, fontFamily) {
|
||
const filePath = `${wx.env.USER_DATA_PATH}/${filename}`
|
||
wx.getFileSystemManager().access({
|
||
path: filePath,
|
||
success: () => {
|
||
_loadFontFace(fontFamily, filePath)
|
||
console.log('从本地加载了字体', filePath);
|
||
},
|
||
fail: () => {
|
||
_downloadFont(fontUrl, filePath, fontFamily)
|
||
console.log('从外部加载了字体', fontUrl);
|
||
}
|
||
})
|
||
}
|
||
|
||
module.exports = {
|
||
loadCloudFontFace
|
||
} |