Поддерживает ли CSS сглаживание текста, например четкое, резкое и т. Д.?

У меня есть текст в Photoshop, и он установлен на «четкость». Когда я помещаю его на свой сайт, он выглядит не так.

Есть ли что-нибудь в CSS, что я могу использовать, чтобы сделать его четким? Или нет?

Или у вас есть предложения по достижению подобного эффекта?


text css antialiasing
person Brett    schedule 27.04.2011    source источник

Ответы (5)


arrow_upward
14
arrow_downward

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

Чтобы получить хорошую статью о том, как различные браузеры обрабатывают рендеринг шрифтов, я бы посоветовал прочитать следующее: http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

person Spudley    schedule 27.04.2011

arrow_upward
7
arrow_downward

вот что я нашел на сайте большой компании:

body, table, form {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
background-color: transparent; 
color: #333; 
-webkit-font-smoothing: antialiased;}
person Alex    schedule 13.08.2012
comment
-webkit-font-smoothing: сглаживание; -moz-osx-font-smoothing: оттенки серого; Windows не поддерживает его - person Alex; 16.02.2018

arrow_upward
6
arrow_downward

На самом деле вы спрашиваете:

«Можно ли управлять сглаживанием с точки зрения веб-разработки?»

Ответ на данный момент и, по крайней мере, на какое-то время в будущем (до тех пор, пока поставщики ОС / браузеров не начнут предоставлять такой контроль развития [не задерживайте дыхание]), несомненно: НЕТ.

person rockerest    schedule 27.04.2011
comment
В дополнение к невозможности принудить (информированных) конечных пользователей, CSS для управления отрисовкой текста не очень хорошо поддерживался в последний раз, который я проверял (по общему признанию, некоторое время назад). Предположительно, когда-нибудь он будет хорошо поддерживаться, если это еще не сделано, и тогда у вас будет то, что вы хотите, по крайней мере, для людей, заинтересованных в просмотре вещей так, как вы хотите. - person reisio; 28.04.2011

arrow_upward
2
arrow_downward

Принудительное сглаживание с помощью css: это миф?

person Jaspero    schedule 27.04.2011

arrow_upward
0
arrow_downward

Попробуйте этот фрагмент кода

 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
person Gil Perez    schedule 23.04.2017
comment
Это не работает ни в одном современном браузере, поэтому мы проголосовали против. - person MC9000; 15.02.2018