vue项⽬中应⽤⾃定义的字体
1.下载ttf⽂件，保存到assets/css/font⾥⾯，在css下⾯新建font.css。
2.font.css内容：在这，有些ttf的格式可能不对，在项⽬中⽤不了，我⼀般去这⾥转换⼀下，可直接复制css代码到font.css中。@charset "UTF-8";
@font-face {
font-family: "MFMingHei_Noncommercial-Regular"; // ⾃⼰取的名字，项⽬中可运⽤
src: url("font/明⿊.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "PingFangSC-Regular";
src: url("f") format("truetype");
}
3.全局引⽤，你可以在App.vue引⼊，也可以在public.css下⾯引⽤，因为我public在main.js中引⽤了的，所以能全局使⽤。在public.css中：
/* 字体样式 */
@import 'font.css';
在main.js中：
// 使⽤⾃定义公共CSS
import '@/assets/css/public.css'
字体样式免费下载应用
4.刷新项⽬，直接使⽤即可。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。