IE 和 MAC 浏览器不支持字体系列答案

【问题标题】：Font-family is not Supporting in IE and MAC BrowsersIE 和 MAC 浏览器不支持字体系列
【发布时间】：2014-07-15 23:36:10
【问题描述】：

这是我的代码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"; 应该在所有浏览器中都支持。

【问题讨论】：

鉴于我的 Mac 上没有安装任何各种 Open Sans，您为什么希望它能够工作？
请不要混淆 Mac (Macintosh) 和 MAC (Media Access Control)。
我在 Mac 上尝试了 Safari，并将其加载到运行 IE8 和 IE9 的虚拟机上，然后在 Firefox 和 Chrome 中尝试，一切正常。
@TheLegend：但是我在我的项目中使用，它显示了更多的变化，为什么它不支持？
显示足够的代码让其他人重现您的问题。您是在本地使用 Open Sans 字体，还是通过 @font-face，或者可能由 Google 托管？究竟如何？还展示一个真实的例子，带有一些 HTML。

【解决方案1】：

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

尝试寻找来自单一来源的标准。

【讨论】：

有什么方法可以支持所有浏览器使用相同的字体 font-family:"Open Sans light";
您需要指定存储字体的中心区域。因为每个系统、windows、Mac、ubuntu 都安装了自己的字体。他们之间共享了一些，但它们是您的标准，没什么特别的macworld.com/article/1144660/xplatype.html

【解决方案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)

【讨论】：

是啊，你说的对，不过我已经试过了，现在不同浏览器之间也有变化，为什么不支持IE&MAC等浏览器。
当您使用上面提供的生成器时，它会为您提供各种用于跨浏览器兼容性的字体格式，因此只要您使用它们提供的 CSS，就没有问题.大多数版本的 IE 都支持@font-face，而且它不能在 mac 上运行，作为一个 mac 用户，它一直对我有用。浏览器之间的变化是因为每个浏览器呈现不同的字体，这可能会有所帮助：webmasters.stackexchange.com/questions/9972/…