- 首先要得到自定義字體包（后綴名為.ttf, .otf, .eot等格式的字體包）乡革，可自行下載也可以問UI小姐姐要字體包，拿到字體包后進入項目中在assets文件夾下建一個fonts文件夾
- 把拿到的字體包放到fonts文件夾中接著創(chuàng)建一個fonts.css文件
- 在fonts.css文件中定義你所用的字體（這里以PingFang為例）
@font-face: {
font-family: 'PingFang-RE';
/* 重命名字體名 */
src: url('./PingFang\ Regular.ttf');
font-weight: normal;
font-style: normal;
}
- 在app.vue中引入fonts.css
<style lang="scss">
@import './assets/fonts/fonts.css';
#app {
font-family: 'PingFang-RE';
font-weight: 400;
}
</style>
