Safari: шрифт на тёмном фоне

Ни для кого не секрет, что браузере «Сафари» под Windows использует тот же метод сглаживания, что и под Mac OS. Один из его известных недостатков (кроме сломанных глаз) — текст на тёмном фоне получается (не кажется, а получается) жирнее, чем на светлом, что прекрасно иллюстрирует нижеприведённый скриншот:

Шрифт в «Сафари» на тёмном и светлом фонах (5.17КБ)

Шрифт в «Сафари» на тёмном и светлом фонах (5.17КБ)

Часто это очень неприятно, потому что не позволяет добиться одинакового отображения вёрстки сайта в разных браузерах и портит дизайн. Решается это проблема очень просто, в стилях нужно прописать следующую магическую строку для текста:

.our_text { text-shadow: 0 0 0 #000 }

26 марта 2008 15:59

webdev, css, safari

bolk (bolknote.ru)
26 марта 2008, 17:29, ответ предназначен indeyets.livejournal.com:

В чём именно я опоздал?

Конечно глаза от этого ломаются. Одно из худших сглаживаний. Я понимаю для чего оно — чтобы на бумаге и экране шрифт смотрелся более-менее одинаково, но мне это по барабану. У виндового сглаживания свои минусы — текст смотрится хорошо только на 96 DPI.

bolk (bolknote.ru)
26 марта 2008, 17:56, ответ предназначен 0range (0range.ru):

Ну надо же! Тагир, ты не поверишь, на сайте «24 ways», куда ведёт ссылка с моей статьи «подобная статья» была ещё в 2006-м году (http://24ways.org/2006/knockout-type).

blog.ad.by (blog.ad.by)
26 марта 2008, 21:31, ответ предназначен bolk (bolknote.ru):

У меня на одном сайте есть страница со светло-серым шрифтом на черном фоне. Поэкспериментировал над ней, да и убрал этот стиль. Похоже этот хак только к белому жрифту хорошо применим.

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)

Подсказка по написанию комментария

В комментариях можно применять следующую специальную разметку:

слово, обрамлённое в «звёздочки» выделяется *жирным*
ссылка становится ссылкой: http://bolknote.ru
ссылка в скобках также становится ссылкой, закрывающая скобка не захватывается: (http://bolknote.ru)
каждую строку цитаты следует начинать со знака «больше»:
> это цитата
> из двух строк
можно вставить картинку, залитую на один из сервисов: «Яндекс.Фотки», «Фликр» или «Пикплз». Для этого нужно вставить на страницу полный адрес вашей картинки на сервисе, он превратится в картинку:

http://fotki.yandex.ru/users/bolknote/view/274311?page=3