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

Question

我已經開始編寫一個新網站並遇到了這個問題，Safari上的文本看起來非常清晰明了，而其他瀏覽器上的文本卻看起來很模糊。 我已經更新了所有瀏覽器，但找不到原因。此外，我正在將優勝美地作為操作系統。

這是一個示例屏幕截圖： http : //gyazo.com/11818058c27469040e53650ea5c35e78左側的Safari瀏覽器（Sharp），右側的Chrome瀏覽器（Fuzzy）

這是我的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>

和我的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

請勿在字體粗細中使用5，此處不是標准值。

 font-weight:500;

嘗試使用Google字體或Adobe Edge Web字體中的其他字體。 如果在渲染引擎上字體字距調整可能是錯誤的，那么這里也可能是這種情況。 並記住要使用完整的字體堆棧（.eot和woff）或Web服務。 另一種方法是使用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