我可以在Google云端硬盘网络托管中使用谷歌字体吗？

Question

我很想在Google Drive上的公共文件夹中托管的网页中尝试使用Google字体 - 但字体不显示 - 是否有一种技术可以在Google云端硬盘中使用它们还是受限制的？

Answer 1

我发现了一种通过创建Google的字体apis的安全链接为我自己使用Google Web字体的技术 - 将http更改为https,如下所示:

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

你会发现这个有效!

Answer 2

无论出于何种原因，Google Drive 网络托管不喜欢链接到外部 CSS。不知道如何修复它，但我通过手动将 google fonts 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>