美文网首页
vue 引入字体文件

vue 引入字体文件

作者: 努力学习的小丸子 | 来源:发表于2019-06-17 19:28 被阅读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';

相关文章

网友评论

      本文标题:vue 引入字体文件

      本文链接:https://www.haomeiwen.com/subject/pibzfctx.html