Question

我正在尝试使用以下代码段从谷歌字体加载字体

<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在旧浏览器中无法正确呈现。

Answer 1

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

这意味着加载的CSS将不同，具体取决于加载它的浏览器。

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

Google Chrome：版本4.249.4 +

Mozilla Firefox：版本：3.5 +

Apple Safari：版本3.1 +

Opera：版本10.5 +

Microsoft Internet Explorer：版本6 +

Answer 2

由于谷歌没有帮助我们直接下载字体，我没有找到办法做到这一点，但你可以查看这个github回购来帮助你：

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

Answer 3

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

如何为google fonts指定返回类型格式？

3 个答案: