CSS，Chrome 和其他浏览器中的字体

Question

我有具体问题。我使用来自谷歌字体的 Open sans，在 Chrome 中这看起来不错，但在其他浏览器中这看起来不太好。我需要，这应该像 chrome 一样工作。你能解决这个问题吗？

我的css字体导入:

@import url(fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);

和屏幕:Chrome(我希望在所有浏览器中都具有相同的效果):

其他浏览器:

谢谢!

Answer 1

将协议(protocol) http:// 替换为 https:// 将使该 URL 在其他浏览器中被称为“安全”。

如果您在 IE 中使用 http:// 对其进行测试，您可能会注意到通知:

Only secure content is displayed.

所以这会阻止加载 Google 字体，除非使用 https:// 安全地加载它，与 Firefox 一样。

JSFiddle :

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);

p {font-family:"Open Sans";font-size:24px;}

<p>Open Sans</p>