1. 自己建个文件夹,下载字体文件所需的.ttf文件并引入:
2.在font.css文件,将下载好的字体文件的路径引入:
@font-face {
font-family: 'PMZD';
src: url('PMZD.ttf');
font-weight: normal;
font-style: normal;
}
3.在要使用的style里面引入font.css:
@import "../less/font/font.css";
4.在webpack的配置文件里要加上解析.ttf文件的规则:
module: {
rules: [
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
]
}