首先建议使用woff2格式的字体,其他的比较大,ttf字体只ie支持,所以最后选择是woff2,因为woff2比较小,加载速度较快。
1.把字体放入主题目录的fonts内,建议用在网上在线把ttf字体转换下,这个网站转换出来的woff2很小,比较好。
2.在style的css里添加:
- @font-face {
- font-family: 'Xiari';
- src: url('fonts/Xiari.woff2') format('woff2'),
- url('fonts/Xiari.woff') format('woff');
- font-weight: normal;
- font-style: normal;
- font-display: swap;
- }
其中fonts/Xiari.woff2为字体路径以及名称,Xiari为字体名称,一下css雷同。
3.在需要设置字体的地方样式里添加:
- font-family: 'xiari', sans-serif;
以上是添加自定义字体的方法。如果大家有啥更好的方法,感谢在留言里提交留言。