Safari在某些计算机上使用错误的网络字体粗细

时间:2017-05-16 20:23:51

标签: css fonts safari webfonts

这是一个非常奇怪的问题,所以我甚至欢迎提示从哪里开始寻找。我现在正在帮助编辑一些Sass,我们最近在页面中添加了一个Web字体。字体是Sofia Pro,我为六种不同的字体添加了@font-face声明:Light,Regular和Black,以及每种字体的斜体版本。 @font-face规则都使用相同的font-family(' Sofia Pro'),但为每个规则声明了不同的权重和样式,以便我们可以更自然地在我们的样式中使用Sofia。 Light字体的重量为300,Regular为400,黑色为900.

问题在于:

在所有其他浏览器中,以及在我的计算机上的Safari中,使用font-weight: bold(700的同义词)设置样式的页面元素正确使用下一个较暗的可用重量,Sofia Pro Black字体,重量为900。然而,在我的同事电脑上,Safari似乎正在使用Sofia Pro Regular来制作这些元素。如果我们在他的检查器中更改元素样式而不是使用font-weight: 900他们正确使用Sofia Pro Black,那么Web字体已加载并可访问,但由于某种原因,他的浏览器似乎与CSS规范的行为直接相反到font-weight属性,而我的行为正确。

我们都在macOS Sierra 10.12.4上,我们都使用Safari版本10.1(12603.1.30.0.34)。它很容易改变所有粗体元素以使用重量900,以便它为我们两个正确显示 -  这不是重点。关键是,我们不知道可能导致这种行为差异的原因,而且对于网络开发人员而言,这是一个相当不同的差异。有什么想法吗?

0 个答案:

没有答案