5

我很想在托管在 Google Drive 公用文件夹中的网页中尝试 Google 字体 - 但字体没有显示 - 是否有在 Google Drive 中使用它们的技术或是否受到限制？

4

2 回答 2

7

我找到了一种通过创建指向 Google 字体 API 的安全链接来为自己使用 Google Web 字体的技术 - 将 http 更改为 https，如下所示：

<link href='https://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css' />

你应该会发现这行得通！

于 2013-04-06T12:23:25.030 回答
3

无论出于何种原因，Google Drive 网络托管都不喜欢链接到外部 CSS。不知道如何解决它，但我通过手动将谷歌字体 css 代码添加到我的 css 文件中解决了这个问题。例如：

打开他们给你的 HTML 代码的链接，你会看到一些 CSS 代码：

的HTML：

<link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css' />

链接指向的 CSS：

@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

如果您将该 css 代码直接复制到您的 css 文件中，您的字体将显示在 Google Drive 托管站点中。如果您没有单独的 css 文件，您可以将 css 直接嵌入到您的 html 代码中，如下所示：

<style media="screen" type="text/css">
  @font-face {
    font-family: 'Francois One';
    font-style: normal;
    font-weight: 400;
    src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  }
</style>
于 2012-12-23T18:40:36.040 回答