前端页面引入多个字体包

1. 引入自定义字体，首先在css文件里定义自定义字体

@font-face {
font-family: "PingFangSC Light";
src: url('/assets/css/fonts/PingFang/PingFang-Light.ttf');
}

可以这样引入多个

@font-face {
font-family: "PingFangSC Light";
src: url('/assets/css/fonts/PingFang/PingFang-Light.ttf');
}

2. 使用方式

body {
font-family:  "PingFangSC Light", "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif;
}