domModule.addRule('fontFace',{
'fontFamily':"iconfont3",
src:"url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTY8b6REAABqcAAAAHEdERUYAKQAfAAAafAAAAB5PUy8yPG.....)"
domModule.addRule('fontFace',{
'fontFamily':"iconfont2",
src:"url('data:font/truetype;charset=utf-8;base64,AAafAAAAB5PUy8yPGTY8b6REAABqcAAAAEAAAEdERUYAANAIAAAwBQRkZUAAHKQAfA.....)"
})
xiaoliao998
- 发布：2021-05-08 15:13
- 更新：2021-05-08 15:13
- 阅读：769
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.14
手机系统： iOS
手机系统版本号： iOS 13.2
手机厂商： 苹果
手机机型： iphone 11 ProMAX
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
domModule.addRule('fontFace',{
'fontFamily':"iconfont3",
src:"url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTY8b6REAABqcAAAAHEdERUYAKQAfAAAafAAAAB5PUy8yPG.....)"
domModule.addRule('fontFace', {
// 'fontFamily': "iconfont2",
// 'src': "url('https://at.alicdn.com/t/font_2345296_5clshyainyr.ttf')"
// });
你们可以添加两份iconfont，在引入图标，你就会发现，第二份的iconfont 图标样式出不来，如果出的来，必然是第一份iconfont的，也就是虽然定义了不同的fontFamily，但是没用
domModule.addRule('fontFace',{
'fontFamily':"iconfont3",
src:"url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTY8b6REAABqcAAAAHEdERUYAKQAfAAAafAAAAB5PUy8yPG.....)"
domModule.addRule('fontFace', {
// 'fontFamily': "iconfont2",
// 'src': "url('https://at.alicdn.com/t/font_2345296_5clshyainyr.ttf')"
// });你们可以添加两份iconfont，在引入图标，你就会发现，第二份的iconfont 图标样式出不来，如果出的来，必然是第一份iconfont的，也就是虽然定义了不同的fontFamily，但是没用
预期结果：
和安卓一样，可以追加
和安卓一样，可以追加
实际结果：
与安卓不一样，不可以追加
与安卓不一样，不可以追加
bug描述：
因为有一份iconfont项目找不到了，导致我们新建了一份iconfont，来添加新图标迭代产品，但是我们发现，新增上去的第二份icon样式，在IOS端无法生效，但是在安卓端是正常可以的，很是棘手
我们在app.vue。onLaunch页面执行
domModule.addRule('fontFace',{
'fontFamily':"iconfont3",
src:"url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTY8b6REAABqcAAAAHEdERUYAKQAfAAAafAAAAB5PUy8yPG.....)"
domModule.addRule('fontFace',{
'fontFamily':"iconfont2",
src:"url('data:font/truetype;charset=utf-8;base64,AAafAAAAB5PUy8yPGTY8b6REAABqcAAAAEAAAEdERUYAANAIAAAwBQRkZUAAHKQAfA.....)"
})这种尴尬的局面，导致我们必须把项目中以前的图标全删了，再重新来一次，简直要搞死人，否则，没办法追加了啊。
0 个回复