html - IE 和 MAC 浏览器不支持字体系列

Question

这是我的代码 font-family:"Open Sans light";它在 chrome、firefox 浏览器中运行良好，但在 Mac 和 IE 浏览器中不支持

FIDDLE

CSS 代码:

#currentdate {
font-family: open sans light !important;
background-color:yellow;
}

我的这种字体代码也很好用，但在同一个浏览器中，我打开了 new tab当我编译这段代码时 shows different font , 所以这个字体不支持，为什么会这样。

如果你有什么想法，我需要这个字体font-family:"Open Sans light";应该支持所有浏览器。

Answer 1

字体可能是跨浏览器的棘手问题。我们为实现一致性所做的工作是使用第三方字体“源”，如 google fonts或 web fonts来自 fonts.com 的是字体可能是特定于浏览器的。就像某些不支持 SVG 的 IE 版本一样，某些动态字体将永远无法工作。

尝试寻找从单一来源提取的标准。