Почему текст в Chrome, Firefox и IE выглядит более сумасшедшим, чем Safari?

Я начал писать новый сайт и столкнулся с этой проблемой, текст в Safari выглядит очень четким и чистым, а текст в других браузерах выглядит нечетким. Я обновил все мои браузеры и не могу найти причину. Кроме того, я запускаю Yosemite как свою ОС.Почему текст в Chrome, Firefox и IE выглядит более сумасшедшим, чем 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; 

}

источник

2014-11-02 IE8IsBetterThenGoogleChrome

Мое предположение связано с различиями как в механизме рендеринга (WebKit vs Gecko vs Trident), так и в операционной системе (OSX был известен своим красивым текстовым рендерингом). До тех пор, пока вы не используете преобразования CSS3, я полагаю, вы не контролируете его. –

CSS3 преобразует? Также эта проблема еще хуже на более старых дисплеях, которые делают текст очень нечетким. Есть ли у них какой-либо способ повысить четкость уровня Safari во всех современных браузерах? – IE8IsBetterThenGoogleChrome

Если вы говорите о «более старых дисплеях», вы добавляете больше переменных, которые вы не можете контролировать. С другой стороны, ответ Сачина может быть тем, что вам нужно. –

Не используйте 5 в вашем шрифте, это не стандартное значение здесь.

font-weight:500;

Попробуйте еще шрифты из шрифтов Google или глинобитных краевого веб-шрифтов. Если шрифт кернинг, возможно, неправильный для механизма рендеринга, это может быть и здесь. И не забудьте использовать полный стек шрифтов (.eot и woff) или веб-сервис. Другим является использование em или rem в качестве основных блоков. Они более полезны, когда увеличенное содержимое реагирует.

источник

2014-11-02 20:02:37

Почему текст в Chrome, Firefox и IE выглядит более сумасшедшим, чем Safari?

ответ

Смежные вопросы