我希望在本地托管一些字体,这是我以前从Google字体中使用的。我注意到所有的帮助文章都指向google-webfonts-助手,但是结果完全不同。使用Google字体时,会下载一个woff2文件,但是对于其他的字体,每个字体都会下载一个不同的woff2。这对性能/带宽不是很好,我想减少请求的数量。
以蒙特塞拉特字体为例,看看Google字体中的CSS。
https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700
注意拉丁文的所有权重是如何指向同一个woff2文件的。
src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');

然而,如果你去,注意下载的邮编中,每个重量都有一个woff2。

此外,如果您去源,它是相同的,不同的文件为每个重量。

谷歌字体和其他字体不同的地方是什么?
而且,下载woff2在本地使用,而不是google helper提供的东西,会有什么害处吗?
发布于 2022-10-18 01:59:59
如果他们提供一个具有多个权重的woff2文件,那么他们提供的是一个可变字体。
带有权重轴的可变字体包含一个权重加上增量数据的字形轮廓,该数据描述了每个字形控制点在其他权重中的变化情况。这样,单变量字体可以支持多个不同的权重-事实上,一个连续的权重范围。
如果您签出蒙特塞拉特回购公司在GitHub,您将看到您可以得到一个变量(两个包括斜体字),或者您可以得到九个单独的非变量字体。
https://stackoverflow.com/questions/74098219
复制相似问题