Как сделать шрифт острым в CSS?

Привет всем, я пытаюсь использовать острое свойство, такое как Photoshop в Css, но как я могу это сделать?

Вот мой css

#login_text
{
 position:absolute;
 top:10px;
 left:18px;
 font-size:13pt;
 font-weight:bold;
 font-family:Arial;

}

Ответ 1

В дополнение к упомянутому свойству CSS3 text-rendering, указанному AMK, существует также специфический для Webkit (Chrome) взлом для сглаживания: -webkit-font-smoothing: antialiased; (я считаю, что значение по умолчанию subpixel-antialiased), которое приятно использовать, так как Webkit webfont рендеринг может быть менее идеальным на машинах Windows, в частности. Немного больше информации можно найти здесь.

Существует также старое предложенное свойство font-smooth CSS3 (см. здесь), но насколько я знаю, он не реализован и ничего не делает (на по крайней мере, не то, что я вижу).

Печальная реальность заключается в том, что вы не получите рендеринг шрифтов в Photoshop, особенно в Windows. Вы можете компенсировать это, выбирая хорошие веб-сайты и выбирая размеры шрифтов, которые естественно масштабируются красиво, но там только так много можно сделать.

Ответ 2

В Firefox 25 добавлено новое нестандартное свойство -moz-osx-font-smoothing, совместимое с WebKit -webkit-font-smoothing.

элемент {

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

Ответ 3

Пока нет "резкого" значения, я считаю, что наилучшим способом является свойство CSS3 text-rendering. Эффект наиболее заметен при меньших размерах шрифтов и не имеет большого значения для больших шрифтов.

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

Другой вариант (если вы используете пользовательские шрифты) - это просто получить более качественные векторы.