引入字體文件

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 引入字体文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。