Гладкие шрифты с CSS

Question

Как я могу получить гладкие шрифты?Я не хочу, чтобы края выглядели размытыми

Answer 1

Вы можете использовать какое-нибудь решение для замены шрифта, например Cufón для заголовков, но его слишком неэффективно использовать для больших блоков текста.

Если вы хотите изменить отображение шрифтов в браузеревам, вероятно, не повезет, потому что у них всех есть свои собственные процедуры рендеринга текста (но посмотрите на -webkit-font-smoothing для последних версий Safari и Chrome).

Answer 2

Как уже упоминалось, для font-smooth есть свойство CSS - но я не уверен, насколько широко это поддерживается.Скорее всего, это свойство, которое вам придется настраивать в вашей ОС или в самом шрифте, что, конечно, означает, что он будет только локальным.Я знаю, что в Windows есть функция ClearType , которая позволяет настроить сглаживание для правильной работы с монитором.

Как отметил Бен Альперт, решение для замены шрифтов, такое как Cufon или TypeKit и другие возможные решения для текста заголовка.

Answer 3

На самом деле есть свойство CSS, называемое text-рендерингом, которое действительно работает в браузерах семейства Firefox. Как сказал Бен, есть также -webkit-font-smoothing для семейства Safari и Chrome. Я не знаю, работает ли рендеринг текста в Internet Explorer, но этот фрагмент кода работает довольно хорошо:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;

Кроме того, если вы настраиваете свой браузер:

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}