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

Хакерские решения не проблема:)

alt text

3
Ben Shelock 20 Июн 2010 в 06:53

3 ответа

Лучший ответ

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

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

3
Sophie Alpert 20 Июн 2010 в 02:56

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

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

2
Niklas 16 Окт 2012 в 14:26

На самом деле есть свойство CSS, называемое text-render, которое действительно работает в браузерах семейства 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;
}
1
Juan 12 Окт 2015 в 12:12