vue 引入字体文件
2019-06-17 本文已影响0人
努力学习的小丸子
引入字体文件
1、将字体文件拷贝到assets/ttf文件夹下。
2、在assets/css文件夹下新建font.css文件,在其中引用字体文件:
@font-face {
font-family: "DS-DIGII";
src: url('../ttf/DS-DIGII.TTF');
font-weight: normal;
font-style: normal;
}
3、在app.vue文件中引用font.css文件:
<style lang="scss">
@import "./assets/css/font.css"
</style>
4、在文件中直接使用
font-family: 'DS-DIGII';