Кросс-браузерные шрифты / Проблемы с цветом - Chrome / Safari - PullRequest
Новая
       40

Кросс-браузерные шрифты / Проблемы с цветом - Chrome / Safari

1 голос
/ 11 марта 2010

Надеюсь, что кто-то может помочь в том, что я, возможно, делаю неправильно, так как мой CSS (стиль) для веб-сайта все прекрасно выглядит в Firefox, но и в Chrome, и в Safari мои шрифты выглядят черными, а не серыми в Firefox.

Может кто-нибудь помочь с объяснением того, почему шрифты / цвет в Safari и Chrome различаются - это выглядит как жирный черный.

Стиль заголовка, который я использую в своем содержимом div, т. Е .:

#content {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #333;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #990;
    border-bottom-color: #990;
    border-left-color: #990;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #FFF;
    width: 973px;
    text-align: left;
    display: block;
    background-image: url(images/bgcontent.jpg);
    background-repeat: repeat;
}


h1 {
    font-family: "Lucida Grande";
    background-color: transparent;
    height: 20px;
    width: 650px;
    color: #FF9904;
    font-size: 36px;
    text-align: left;
    float: none;
    vertical-align: top;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    letter-spacing: normal;
    margin: 0;
    padding: 0.5em 0;
}

Я также нашел эту ссылку, относящуюся к Google Chrome, т.е. об использовании:

@ charset "xxx"

http://www.google.com/chrome/intl/en/webmasters-faq.html#fontspecs

Спасибо.

Ответы [ 4 ]

2 голосов
/ 11 марта 2010

Я только что проверил свой компьютер, и, кажется, нет никакой разницы в цвете между Firefox и Chrome. Я использую Windows (для обоих), и следует отметить, что всегда будет разница в цвете между компьютерами Mac и ПК, поскольку они калиброваны с различными значениями гаммы. Узнайте больше о гамма-материале здесь , хотя учтите, что с точки зрения CSS вы ничего не можете с этим поделать.

Другая возможная проблема заключается в том, что это может быть только ваш компьютер ... вы пробовали эту проблему на нескольких компьютерах? Вы всегда можете попробовать использовать такой инструмент, как Browsershots или Browserlab .

Наконец, возможно, что существует некоторый соответствующий код, который вызывает некоторые различия между браузерами ... Это весь ваш код или где-то больше CSS? Можете ли вы предоставить живую ссылку на страницу, с которой у вас проблемы?

0 голосов
/ 08 июня 2015

На момент написания (июнь 2015 г.) в OS X Chrome была ошибка , из-за которой не применяется коррекция цвета к CSS-цветам или без тегов . Safari (начиная с OS X 10.9) применяет цветовую коррекцию как к цветам CSS, так и к изображениям.

0 голосов
/ 11 марта 2010

Образец css, который вы разместили, в порядке. Попробуйте добавить !important к атрибуту цвета. 

color: #FF9904 !important;
0 голосов
/ 11 марта 2010

Может ли это произойти, если вы сделаете их цветом, например красным? Если это не так, то это просто сглаживание webkit, которое более агрессивно.

Но если это все-таки произойдет, вы можете проверить с помощью инспектора chrome и firebug, отличаются ли интерпретации CSS в safari / chrome и firefox. Какой селектор цвета они выбирают

...