如何指定谷歌字体的返回类型格式？答案

【问题标题】：How to specify return type format for google fonts?如何指定谷歌字体的返回类型格式？
【发布时间】：2022-03-25 20:59:11
【问题描述】：

我正在尝试使用以下 sn-p 从谷歌字体加载字体

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i" rel="stylesheet">

它会加载以下 css

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v10/-iqwlckIhsmvkx0N6rwPmv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v10/-iqwlckIhsmvkx0N6rwPmj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

问题是它返回 woff2 字体格式。有没有办法加载 woff 或 ttf 格式而不是 woff2？因为 woff2 在旧版浏览器中无法正确呈现。

【问题讨论】：

您可以下载字体文件并从项目的本地文件夹中调用它们。您可以将它们下载为 ttf 或 woff 文件。
@DragomirKolev 我有 100 多种字体。本地的不好听。有没有其他办法？

标签： css google-fonts

【解决方案1】：

Google 字体会进行浏览器嗅探并尝试serve up only the relevant font formats。

这意味着加载的 CSS 将根据加载它的浏览器而不同。

他们do support 旧版浏览器。特别是：

谷歌浏览器：版本 4.249.4+

Mozilla Firefox：版本：3.5+

Apple Safari：版本 3.1+

Opera：版本 10.5+

Microsoft Internet Explorer：版本 6+

【讨论】：

【解决方案2】：

由于 google 不帮助我们直接下载字体，我没有找到这样做的方法，但你可以查看这个 github repo 来帮助你：

https://github.com/google/fonts/

【讨论】：

【解决方案3】：

如上所述，谷歌预先确定需要哪些文件类型，并且只提供这些文件类型。他们主要通过请求者的User-Agent 标头来这样做。

幸运的是，这个标头可以在开发工具中模拟，所以如果您需要 .ttf 资源，您可以使用 Blackberry 或其他类似的旧设备来获取实际字体网址：

【讨论】：

【解决方案4】：

如果您愿意专门控制要使用的格式，一种方法是简单地使用您自己的样式表，并将 src 更改为和/或从所需目标获取样式声明。

【讨论】：