字体显示差异safari 9.1.3

Question

所以我有两个代码元素的样式完全相同，两者在safari检查器中都具有完全相同的计算样式：

-webkit-box-direction: normal;
color: rgb(213, 93, 33);
display: inline;
font-family: monospace, monospace;
font-size: 14px;
font-weight: normal;
height: auto;
line-height: 21px;
text-align: center;
white-space: pre;
width: auto;

abov css是用于对单词＆＃39; setf＆＃39;在两张照片中。

唯一的区别是一个嵌套在一个＆gt;旁边＆gt;标题＆gt;导航＆gt;前＆gt;代码中，另一个嵌套在同一个部分但是主＆gt;部分＆gt;前＆gt;代码：

以下是详细信息：

边栏

页脚

显然，第二个中的字体重量更大，但是我没有随处可见的伴随样式规则（我提供了更多的CSS，但它是一个混乱的规范化器和一些东西）。有什么我应该寻找的东西不会出现在计算的样式中吗？

网站的工作参考位于：example

左边有一个更薄的例子，页面的底部有一个分页元素。任何帮助将不胜感激。

Answer 1

这让我觉得它可能是字体平滑问题。是否添加

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

修好吗？

（注意：出于某种原因，我首先认为你看到两种浏览器之间存在差异。如果这很有用，但现在看起来不太可能了）