<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站点的连接可能会断开，即使到您的站点的连接是正常的。)

票数 7

Stack Overflow用户

发布于 2013-02-27 02:42:30

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

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

这将使用Google webfont Skranji，如果该字体不可用，则会将其转换为Verdana，依此类推。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15096733

复制

相似问题

问谷歌网页字体关闭备份？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌网页字体关闭备份？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌网页字体关闭备份？
EN