4

我想知道是否有办法走好，谷歌网络字体已关闭，而是使用它作为字体源？类似于我们如何执行 window.jquery 检查以查看 google jquery cdn 是否已关闭并提供替代文件？

4

2 回答 2

7

您可以简单地指定安装在您自己的服务器上的网络字体版本作为第二个选项，例如

<link href='https://fonts.googleapisx.com/css?family=Cantarell' rel='stylesheet'>
<style>
@font-face {
    font-family: 'cantarellregular';
    src: url('cantarell-regular-webfont.eot');
    src: url('cantarell-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cantarell-regular-webfont.woff') format('woff'),
         url('cantarell-regular-webfont.ttf') format('truetype'),
         url('cantarell-regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { font-family: Cantarell, cantarellregular; }
</style>

您将需要为服务器中的字体系列使用不同的名称；在示例中，我使用了由FontSquirrel @font-face generator 生成的名称。

这样，浏览器将首先尝试从 Google 站点获取字体文件，如果由于某种原因失败，它将从您的服务器获取字体文件。

如果您担心 Google 网站出现故障，我想知道为什么您不简单地使用自己服务器上的字体。（这种情况很少见；但从用户设备到 Google 网站的连接可能已断开，即使与您的网站的连接正常。）

于 2013-02-26T19:13:15.017 回答
1

您可以列出多个字体系列，它们将按该顺序显示。例如

font-family: 'Skranji', cursive, Verdana, Geneva, sans-serif;

这将使用 Google webfont Skranji，如果它不可用，它将撞到 Verdana，等等。

于 2013-02-26T18:42:29.733 回答