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]')
}
}
]
}