这是一个非常奇怪的问题,所以我甚至欢迎提示从哪里开始寻找。我现在正在帮助编辑一些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,以便它为我们两个正确显示 - 这不是重点。关键是,我们不知道可能导致这种行为差异的原因,而且对于网络开发人员而言,这是一个相当不同的差异。有什么想法吗?