vue 引入字体文件

引入字体文件

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';
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容