网站特殊字体使用方法

2025年1 月6日 / 网站源码 / 没有评论 / 100次

首先建议使用woff2格式的字体,其他的比较大,ttf字体只ie支持,所以最后选择是woff2,因为woff2比较小,加载速度较快。

1.把字体放入主题目录的fonts内,建议用在网上在线把ttf字体转换下,这个网站转换出来的woff2很小,比较好。

2.在style的css里添加:

  1. @font-face {
  2.     font-family: 'Xiari';
  3.     srcurl('fonts/Xiari.woff2') format('woff2'),
  4.         url('fonts/Xiari.woff') format('woff');
  5.     font-weightnormal;
  6.     font-stylenormal;
  7.     font-display: swap;
  8. }

其中fonts/Xiari.woff2为字体路径以及名称,Xiari为字体名称,一下css雷同。
3.在需要设置字体的地方样式里添加:

  1. font-family: 'xiari', sans-serif;

以上是添加自定义字体的方法。如果大家有啥更好的方法,感谢在留言里提交留言。