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

Question

我有具体问题。我使用谷歌字体的Open sans，在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://会使该网址在其他浏览器中称为“安全”。

如果您在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>