Comment faire une police nette en CSS?
Bonjour à tous, je suis en train d'utiliser sharp propriété comme photoshop dans le Css mais comment puis-je faire ?
Voici mon css
#login_text
{
position:absolute;
top:10px;
left:18px;
font-size:13pt;
font-weight:bold;
font-family:Arial;
}
source d'informationauteur learnmore
Vous devez vous connecter pour publier un commentaire.
En plus du CSS3
text-rendering
propriété AMK mentionné, il y a aussi une Webkit (Chrome) spécifique hack pour antialiasing:-webkit-font-smoothing: antialiased;
(je crois que la valeur par défaut estsubpixel-antialiased
) ce qui est agréable à utiliser car Webkit webfont rendu peut être pas l'idéal sur les machines Windows en particulier. Un peu plus d'infos peuvent être trouvées ici.Il y a aussi un vieux proposé
font-smooth
propriété CSS3 ( voir ici ), mais pour autant que je sache, il n'est pas mis en œuvre et ne pas faire n'importe quoi (du moins pas que je peux voir).La triste réalité est que vous ne recevrez pas de Photoshop-la qualité de rendu des polices sur le web, et surtout pas sur une machine Windows. Vous pouvez faire ceci par le choix de bons webfonts et la cueillette des tailles de police naturellement échelle bien, mais il ya seulement tellement que vous pouvez faire.
Firefox 25 ajoute un nouveau Mac-OS-non seulement de la propriété -moz-osx-font-smoothing équivalent à WebKit-webkit-font-smoothing.
élément {
}
Alors qu'il n'y a pas de "forte" valeur, je pense que le CSS3
text-rendu
propriété est la meilleure façon d'aller. L'effet est plus visible sur les petites polices de tailles et de ne pas faire une grande différence sur des polices de grande taille.Veuillez noter qu'il y a très peu de soutien pour cela, mais pour autant que je sais que c'est la seule méthode disponible.
Votre autre option (si vous utilisez des polices personnalisées) est de simplement obtenir une meilleure qualité des vecteurs.
voir cet exemple.Henrique Baldy a expliqué quelles sont les façons possibles à forte https://www.linkedin.com/grp/post/2071438-268918276