CSS - белый текст на черном фоне, выглядит смелее

При использовании белого текста на черном фоне текст выглядит более толстым, чем он должен выглядеть. Его чистый текст с css. Я использую шрифт typekit.org.

Есть ли способ исправить это или это какая-то проблема сглаживания?

3 ответа

Текст выделен жирным шрифтом из-за использования алгоритма сглаживания, используемого в вашем браузере. Легко проверить. Возьмите screengrabs в IE, Safari, Firefox и Chrome. Все они по-разному отличаются друг от друга. Некоторые делают текст более толстым, чем другие. Как правило, лучший текст выглядит белым на черном, толще он выглядит обратным.

Здесь есть полное объяснение: http://www.lighterra.com/articles/macosxtextaabug/

Это отключит сглаживание в большинстве браузеров:

body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}


На самом деле это известный ошибка:

Я смог исправить это, используя:

-webkit-font-smoothing:antialiased

Источник: эта статья (cached on archive.org).

Поздно, но он может быть полезен для некоторых.

Просто помните это не рекомендуется. Если вы не используете MacOS и используете светлый текст на темном фоне.


Я думаю, что это оптическая иллюзия, css определяется вами, если вы не поставили правило, которое делает текст полужирным в css, тогда он не может быть выделен.

licensed under cc by-sa 3.0 with attribution.