先引入ttf
font.css
App.vue 引用font.css
*{
font-family: 'font',"Source Han Sans CN","NSimSun",'FangSong';
}
注意:一定要用v-html
{{}} 和 v-text 渲染效果一样 只会返回标签的内容 不会把标签的效果渲染出
v-html 会带着标签效果一样显示,适合对接后台返回富文本内容
<div class="menu_List_ZHName" v-html="name">
</div>
data() {
return {
name: "ぁ 自定义字体"
};
},
显示结果:
如果对你有帮助,请点个赞吧!