为什么Chrome，Firefox和IE上的文本看起来比Safari模糊？

Question

I've begun writing a new website and ran into this issue, the text on Safari looks very crisp and clean, while text on other browsers looks fuzzy. 我已经开始编写一个新网站并遇到了这个问题，Safari上的文本看起来非常清晰明了，而其他浏览器上的文本却看起来很模糊。 I've updated all of my browsers and can't find the reason why.Also, I'm running Yosemite as my OS. 我已经更新了所有浏览器，但找不到原因。此外，我正在将优胜美地作为操作系统。

Here's a sample screenshot: http://gyazo.com/11818058c27469040e53650ea5c35e78 Safari on the Left (Sharp), Chrome on the right (Fuzzy) 这是一个示例屏幕截图： http : //gyazo.com/11818058c27469040e53650ea5c35e78左侧的Safari浏览器（Sharp），右侧的Chrome浏览器（Fuzzy）

Here is my HTML: 这是我的HTML：

<html>
<link rel="stylesheet" type="text/css" href="../Project v2/css/style.css">
<head><title>Company</title></head>
<body>
<nav>
<ul>
<li>about us</li>
<li>Who we are</li>
<li>Contact us</li>
</ul>
</nav>
</body>
</html>

and my CSS: 和我的CSS：

body{
    background: url("/Users/Project/Desktop/Project v2/Assets/bg.jpg") no-repeat center center fixed;
    background-size: cover;
    margin: 0%;
}
nav ul{
    list-style: none;
}
nav{
    text-align: center;
    margin-top:200px;
    margin-right: 50px;
    font-size: 20px;
    color: white;
    font-weight: 5;

}

Answer 1

Do not use 5 in your font-weight,its not a standard value here. 请勿在字体粗细中使用5，此处不是标准值。

 font-weight:500;

Try another fonts from google fonts or adobe edge web fonts. 尝试使用Google字体或Adobe Edge Web字体中的其他字体。 If font kerning is possibly wrong on rendering engine it might also be a case here. 如果在渲染引擎上字体字距调整可能是错误的，那么这里也可能是这种情况。 And remember to use either full font stack(.eot and woff) or web service. 并记住要使用完整的字体堆栈（.eot和woff）或Web服务。 Another is to use em's or rem's as main units.They are more useful when a zoomed content goes responsive. 另一种方法是使用em或rem作为主要单位。当缩放的内容变得敏感时，它们会更加有用。

为什么Chrome，Firefox和IE上的文本看起来比Safari模糊？

问题描述

1 个解决方案

解决方案1
0 2014-11-02 20:02:37

为什么Chrome，Firefox和IE上的文本看起来比Safari模糊？

问题描述

1 个解决方案

解决方案1 0 2014-11-02 20:02:37

解决方案1
0 2014-11-02 20:02:37