转换字体网址:https://transfonter.org/
1. 将字体转换成WOFF、WOFF2的形式引用
<p>啦啦啦啦啦啦</p>
@font-face {
font-family: 'HYQiHei';
src: url('../fonts/HYQiHei.woff2') format('woff2'), //字体在项目中的路径
url('../fonts/HYQiHei.woff') format('woff'); //字体在项目中的路径
font-weight: normal;
font-style: normal;
font-display: swap;
}
p{
font-family: 'HYQiHei';
}
2. 将字体转换成Base64的形式引用
直接将stylesheet.css里面的代码复制过去就可以使用。