vue中使用特殊字體

有時候為了個性化，可能需要為部分字體添加特殊的font-family
在static文件夾中創建font文件夾，內容如下：

css內容如下：

@font-face {
  font-family: vueblog;
  src: url("./vueblog.ttf");
}

.vueblog-font {
  font-family: vueblog;
}

在app.vue中引入css
在需要加樣式的字體上，加上vueblog-font類

我是特殊樣式的字體

注意：文件夾一定要放到static目錄下，否者打包會出錯，另外如果按照以上操作還是沒有樣式，可能是你的ttf文件問題