Евгений Степанищев

Я — эксперт в области разработки веб-приложений и безопасности в интернете. Каждый месяц мой блог посещают около 90 тысяч человек. Работаю техническим директором в «Системах документооборота», занимаюсь электронным правительством.

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

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

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

Часто это очень неприятно, потому что не позволяет добиться одинакового отображения вёрстки сайта в разных браузерах и портит дизайн. Решается это проблема очень просто, в стилях нужно прописать следующую магическую строку для текста:
.our_text { text-shadow: 0 0 0 #000 }
26 марта 2008 15:59

indeyets.livejournal.com (indeyets.livejournal.com)
26 марта 2008, 17:05

опоздал ты http://webkit.org/blog/168/gdi-text-on-windows/

а глаза от этого сглаживания не ломаются :-p

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

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

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

0range (0range.ru)
26 марта 2008, 17:35

на хабаре уже была подобная статья..

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

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

indeyets.livejournal.com (indeyets.livejournal.com)
26 марта 2008, 20:33

опоздал в том, что теперь есть официальная возможность использовать windows-сглаживание

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

Это ещё не значит, что все ей начнут пользоваться и сайты станут отображатсья нормально.

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

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

zg.livejournal.com (zg.livejournal.com)
27 марта 2008, 01:03

вот эпл козлы. с патентами своими всем жить мешают. так ещё и сами не юзают. прямо собака на сене.

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

Не могу сказать, я экспериментов на эту тему не ставил.

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

Что-то мне так и не удалось отключить это «бумажное» сглаживание Safari. В файле упорно появляется «2», после запуска Safari.

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

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

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

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

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

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

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