chrome 和其他浏览器中的 CSS、Font face

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

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

如果您在 IE 中使用 http:// 测试它，您可能会注意到通知：

仅显示安全内容。

这会阻止加载 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>