Привет всем, я пытаюсь использовать острое свойство, такое как Photoshop в Css, но как я могу это сделать?
Вот мой css
#login_text
{
position:absolute;
top:10px;
left:18px;
font-size:13pt;
font-weight:bold;
font-family:Arial;
}
Привет всем, я пытаюсь использовать острое свойство, такое как Photoshop в Css, но как я могу это сделать?
Вот мой css
#login_text
{
position:absolute;
top:10px;
left:18px;
font-size:13pt;
font-weight:bold;
font-family:Arial;
}
В дополнение к упомянутому свойству CSS3 text-rendering
, указанному AMK, существует также специфический для Webkit (Chrome) взлом для сглаживания: -webkit-font-smoothing: antialiased;
(я считаю, что значение по умолчанию subpixel-antialiased
), которое приятно использовать, так как Webkit webfont рендеринг может быть менее идеальным на машинах Windows, в частности. Немного больше информации можно найти здесь.
Существует также старое предложенное свойство font-smooth
CSS3 (см. здесь), но насколько я знаю, он не реализован и ничего не делает (на по крайней мере, не то, что я вижу).
Печальная реальность заключается в том, что вы не получите рендеринг шрифтов в Photoshop, особенно в Windows. Вы можете компенсировать это, выбирая хорошие веб-сайты и выбирая размеры шрифтов, которые естественно масштабируются красиво, но там только так много можно сделать.
В Firefox 25 добавлено новое нестандартное свойство -moz-osx-font-smoothing, совместимое с WebKit -webkit-font-smoothing.
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Пока нет "резкого" значения, я считаю, что наилучшим способом является свойство CSS3 text-rendering
. Эффект наиболее заметен при меньших размерах шрифтов и не имеет большого значения для больших шрифтов.
Обратите внимание, что для этого существует очень ограниченная поддержка, но насколько я знаю, это единственный доступный метод.
Другой вариант (если вы используете пользовательские шрифты) - это просто получить более качественные векторы.
см. этот пример. Хенрике Бальди объяснил, каков возможный способ резкого https://www.linkedin.com/grp/post/2071438-268918276