首先:创建一个font.css文件

src引入字体文件,必须是base64或者线上地址,fontFamily必须和文件名保持一致

@font-face {
	font-family: 'PingFang';
	src: url('https://xxx.com/assets/fonts/PingFang.ttf');
}

接着:在App.vue中引入font.css文件

<style lang="scss">
    @import url('static/css/font.css');
</style>

最后:即可直接使用了

font-family: "PingFang";
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐