2012-12-22 24 views
4

我很好奇在Google云端硬盘上的公用文件夹中托管的网页中尝试使用谷歌字体 - 但字体不显示 - 是否有在Google云端硬盘中使用它们的技术,或者它受到限制?我可以在Google云端硬盘虚拟主机中使用谷歌字体吗?

+0

我不认为你可以再。字体可能有所不同,但请参阅http://stackoverflow.com/questions/40478447/google-drive-hosted-css-not-working –

回答

3

无论出于何种原因,Google云端硬盘虚拟主机不喜欢链接到外部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> 
+1

看起来这是一个阻止任何外部加载的权限问题。在你告诉它加载所有东西之前,字体仍然不能在Internet Explorer中工作。在Chrome中,一旦你点击盾牌并告诉它加载所有的字体,它们也会显示在那里。希望这是他们可以解决的问题。 – SuppleTeet

6

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

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

您应该找到此作品!

+1

这种方法适用于我。快速和简单的修复。谢谢。 – jchi2241

+0

不是问题:) – ugoano

+1

当然!这应该被标记为答案。精彩的修复! –

相关问题