Question

我很想在Google云端硬盘上的公共文件夹中托管的网页中试用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。不知道如何解决它但我通过手动将谷歌字体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云端硬盘托管网站中。如果你没有单独的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>

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

2 个答案: