新建一個font 文件 里面放字體文件 可以百度搜索你想要的字體下載下來 一般10m左右
新建一個font.css 里面配置字體
@font-face {
font-family: 'PF';
src: url('mud.TTF');
font-weight: normal;
font-style: normal;
}
然后在需要使用的文件中導入該css
我是在app.vue 全局導入 設置font-family：PF
在vue 腳手架4.0以上 需要在config.js 配置
//ttf字體解析
rules: [
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
]