3

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

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

4

3 回答 3

3

Google Fonts 将进行浏览器嗅探并尝试仅提供相关的字体格式。

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

他们确实支持旧版浏览器。尤其：

  • 谷歌浏览器：版本 4.249.4+
  • Mozilla Firefox：版本：3.5+
  • 苹果 Safari：版本 3.1+
  • 歌剧：版本 10.5+
  • Microsoft Internet Explorer：版本 6+
于 2017-09-20T12:22:08.873 回答
1

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

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

于 2017-09-20T12:22:20.733 回答
0

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

于 2020-09-30T18:20:47.247 回答