将多个网络字体捆绑到单个文件

Question

我在网站上使用了四种不同的Web字体（全部来自同一家族，所有woff2-文件），我想将它们捆绑到一个文件中以减少请求。

有没有办法将它们包装在一起？

Answer 1

您可以在css文件中添加字体，而不是其他任何样式。您可以添加多个源路径和相同的姓氏。

@font-face {
  font-family: 'font-name';
  src: url("font-name1.woff") format("woff"),
       url("font-name2.woff") format("woff");
}