vue 中如何加载自定义字体 .ttf

先引入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: "ぁ 自定义字体"
    };
  },

显示结果：

如果对你有帮助，请点个赞吧！