// 引入阿里图标 使用unicode的在线链接 在最下面
<template>
<view>
<text class="my-iconfont"></text>
</view>
</template>
<script>
export default{
beforeCreate() {
const domModule = uni.requireNativePlugin('dom')
domModule.addRule('fontFace', {
'fontFamily': "myIconfont",
'src': "url('http://at.alicdn.com/t/c/font_3537395_3nvbuylshdy.ttf')",
// 网上路径 ?问号 后面的不需要
// url('//at.alicdn.com/t/c/font_3537395_3nvbuylshdy.ttf?t=1666157092374') format('truetype'),
});
}
}
</script>
<style>
.my-iconfont {
font-family:myIconfont;
font-size:60rpx;
color: #00AAFF;
}
</style>
nvue引入字体图标
最新推荐文章于 2024-05-16 10:23:10 发布