Принудительное сглаживание текста в современных браузерах

[alanvanduke]

Хочу поделиться маленьким рецептиком для принудительного сглаживания текста.

С таким сглаживанием, например, заголовок, набранный большим кеглем выглядит симпатичней.

Очень просто:

body {
	background:#fff;
}

h1 {
	font-size:45px;
	text-shadow:0 0 1px #fff;
}

Белая тень на белом фоне.

P/S: Перенесите в подходящую тему. Буду благодарен, если еще подскажите в каких браузерах работает "рецепт". Для меня "эталоном" является Chrome.

Edited January 13, 2011 by alanvanduke

[deadrash]

Следует добавить что такой способ тормозит рендер.

[alanvanduke]

Возможно, но красота превыше всего! Ведь она должна спасти мир!

Если есть другие способы, подскажите пожалуйста...

[deadrash]

А попробуй text-rendering:

варианты: auto, optimizeSpeed, optimizeLegibility, geometricPrecision. В убунту разницу не увидел и так всё сглажено.

[alanvanduke]

Св-во text-rendering почему то не дает каких либо заметных результатов на Win7, Firefox 3.6.6, Arial.

text-shadow штука не универсальная и работает наверное только в Webkit. А жаль...

[psywalker]

text-shadow штука не универсальная и работает наверное только в Webkit. А жаль...

С чего ты взял? Оно работает везде, только со своими префиксами, а для ИЕ можно фильтры использовать например.

[alanvanduke]

Да, text-shadow работает в большинстве известных браузеров, но нет такого эффекта сглаживания, как у Webkit-браузеров.

[psywalker]

Да, text-shadow работает в большинстве известных браузеров, но нет такого эффекта сглаживания, как у Webkit-браузеров.

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

[arez]

Хочу поделиться маленьким рецептиком для принудительного сглаживания текста.

Помоему не будет работать если сглаживание полностью отключено в системе

небольшой офтоп около темы

определение включено ли на клиенте сглаживание шрифтов на JS

[Great Rash]

Ежели под текстом окажется не просто белый фон, а, скажем, градиент, то ваш способ окажется бесполезен. И потом, я думал, что сглаживание включено в webkit по умолчанию независимо от размера шрифта...

[psywalker]

И потом, я думал, что сглаживание включено в webkit по умолчанию независимо от размера шрифта...

Да, в тот то и проблема была у меня.