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';
上一篇 下一篇

猜你喜欢

热点阅读