优化文本呈现 - CSS

Question

导航栏上的文字渲染，至少在Yosemite的Safari和Firefox上是非常糟糕的。文本不显示它所具有的曲线，但是更厚，更不完美。

如果我放大网页，它会改善，如果我强制对焦于任何元素。

如果它始终是常规的话，我不会太在意这个问题，但问题在于焦点。该页面似乎没有很好的设计，我根本不喜欢这种印象。我正在使用带有Ubuntu排版的Bootstrap框架。这发生在font-weight:500。

示例http://www.bootply.com/Ptp4gXpHAF。只需点击搜索栏即可。

这是我想要的和呈现的内容之间的区别：

由于上传分辨率，图片显示模糊，但我认为存在很大差异。

Answer 1

我刚刚将font-weight更改为300.也许safari试图渲染到更高的字体重量但是当我点击它时，font-weight属性被覆盖了。在将其设置为300时，它工作正常。