Question

以下是我的代码font-family:"Open Sans light";它适用于chrome，firefox浏览器，，但它不支持Mac和IE浏览器

CSS代码：

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

此外，我的这个字体的代码工作正常，但是在同一个浏览器中，我打开了new tab，当我编译这段代码时shows different font，所以不支持这种字体，为什么会发生这种情况

如果您有任何想法，我需要在所有浏览器中支持此字体font-family:"Open Sans light";。

Answer 1

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

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

Answer 2

为了更加安全，您可以尝试@ font-face标记并将字体嵌入您的网站：

@font-face {
  font-family: 'open sans light';
  src: url('filepath/open-sans-light.ttf');
}

有大量免费的在线资源可以帮助您将.tff（或任何其他文件类型）转换为所有正确的字体文件类型，以便它可以在所有浏览器中使用。他们甚至会为你提供所需的css！

或者您可以使用流行的Google字体（https://www.google.com/fonts）