web-dev-qa-db-fra.com

CSS prend-il encore en charge l'anti-aliasing de texte tel que «net, net, etc.»?

J'ai du texte dans Photoshop et il est réglé sur "net". Quand je le mets sur mon site, il ne se ressemble pas du tout.

Existe-t-il encore quelque chose en CSS que je puisse utiliser pour le rendre net? Ou pas?

Ou avez-vous des suggestions pour obtenir un effet similaire?

textcssantialiasing
17
Brett

Non seulement ce n'est pas possible, mais différents navigateurs sur le marché appliquent différents paramètres d'anticrénelage, ce qui signifie que vous ne pouvez pas obtenir des résultats cohérents, même s'ils ne sont pas ce que vous voulez.

Pour un bon article sur la façon dont les différents navigateurs traitent le rendu des polices, je vous suggère de lire ceci: http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

13
Spudley

voici ce que j'ai trouvé sur le site Web d'une grande entreprise:

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;}
8
Alex

Ce que vous demandez vraiment, c'est:

"Est-il possible de contrôler l'anti-aliasing du point de vue du développement web?"

La réponse, pour l'instant, et pour au moins un certain temps dans le futur (jusqu'à ce que les fournisseurs de systèmes d'exploitation/navigateurs commencent à donner ce type de contrôle du développement [ne retenez pas votre souffle]) est indéniablement: NON.

5
rockerest

Forcer l'anti-aliasing en utilisant css: est-ce un mythe?

2
Jaspero

Essayez cet extrait de code

 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
0
Gil Perez