要引入的字體：023-CAI978
023-CAI978.png
要引入的字體文件：023-CAI978_2.ttf
引入項目的文件：023-CAI978.css
一般放在static文件夾
image.png
023-CAI978.css 內(nèi)容如下：
@font-face {
font-family: '023-CAI978';
src: url('023-CAI978_2.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
App.vue 引入css文件畴椰，寫在 style
@import '../static/font/CAI/023-CAI978.css';
// 類名自定義
.caiNumber {
font-family: '023-CAI978';
}
在App.vue 引入成功后敷待，就在需要更換字體的元素加上類名 caiNumber济似。
有時候會沒效果忠蝗，把 dist 文件夾（小程序內(nèi)容）刪掉后摄咆，重新 npm 一次裤翩。
有的時候報錯是因為你引入的文件太大了忘衍，要在 build/webpack.base.conf.js 文件修改大小限制蛹稍。
找到下面這段代碼位他，這是對字體的處理氛濒，limit 就是限制，你可以修改 limit鹅髓，也可以注釋這行代碼舞竿。
不過還是建議修改，不要注釋這行代碼窿冯，有時候字體引入過大的時候報錯可以提醒你壓縮骗奖。
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000, // 這里修改限制大小
name: utils.assetsPath('fonts/[name].[ext]')
}
}
