文章/答案/技术大牛

发布

社区首页 >问答首页 >Google字体在CSS文件中的https链接

问Google字体在CSS文件中的https链接
EN

Stack Overflow用户

提问于 2013-08-08 04:14:53

回答 3查看 9.6K关注 0票数 0

我在CSS样式表中使用Google Web字体，如下所示

@font-face {
 font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
     src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}

但是当我的网站从安全页面转到安全页面时，我得到的是“只显示安全内容”。我使用了Google Chrome资源检查器，它指出了上面的问题

如何在CSS文件中添加指向Google Web字体的安全链接

谢谢

css

https

google-webfonts

回答 3

Stack Overflow用户

发布于 2013-08-08 05:23:37

你不需要@ Font -face来使用Google字体。

只需在您的HTML代码中添加以下内容：

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

然后在CSS中添加字体名称。示例：

body{font-family: 'Open Sans', sans-serif;}

票数 1

Stack Overflow用户

发布于 2014-04-09 22:42:41

有点旧，但它是在相关搜索中发现的，所以它可能对某些人有用。

我个人将@font-face声明放在我的样式表中，而不是在头部请求它。只需像下面这样删除'http:‘，就可以解决这个问题。

url(//themes.googleusercontent.com/static/fonts/opensans/...) format('woff');

票数 0

Stack Overflow用户

发布于 2015-02-04 01:03:08

为什么不使用@import语句呢？

在css文件的顶部：

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

票数 0

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

原文链接：

https://stackoverflow.com/questions/18112954

复制

相似问题

问Google字体在CSS文件中的https链接
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google字体在CSS文件中的https链接EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google字体在CSS文件中的https链接
EN