@font-face sans anti-aliasing?? - Web design - Graphisme
Marsh Posté le 23-05-2011 à 13:33:58
Salut, essaye avec Fontsquirrel fontface generator, tu aura peut être un meilleur résultat.
Marsh Posté le 23-05-2011 à 18:28:48
Merci, en effet ça fonctionne. Voici le résultat :
Je trouve que c'est pas encore terrible, mais bon, c'est mieux qu'avant... y a-t-il une taille de police qui ressorte mieux? (exemple : multiples de 8, tout ça)
J'ai déjà entendu parler de Font Squirrel (ça va, je débute ) mais je me demandais s'il était obligatoire d'en passer par là pour obtenir un bon résultat. Normalement, ça devrait marcher sans avoir besoin de ça non? C'est normal que le @font-face d'origine produise des résultats plus qu'approximatifs?
Marsh Posté le 23-05-2011 à 19:46:13
Je ne saurai pas t'en dire plus étant donné que j'évite tant que possible les polices exotiques et quand c'est le cas, je passe par ce service. Je n'ai pas eu besoin de chercher ailleurs et c'est pour cette raison que je ne sais pas plus.
Tout ce que je peux te dire c'est que le rendu et la prise en charge de fontface est différente en fonction des navigateurs et qu'à l'heure actuelle, il n'y a pas de standard...
Bref, renseigne toi si tu le désire mais pour le moment, ça reste à titre expérimental ou en tout cas à utiliser avec parcimonie.
Pour ma part, dans la plupart des cas, quand j'ai besoin d'un effet particulier sur un texte, notamment la police, je génère une image avec la librairie GD pour php
PS: Je suis plus orienté RIA notamment Abobe Air, donc le CSS3 et autre hack, j'évite au maximum
Marsh Posté le 23-05-2011 à 20:21:21
Je suis pas certain que les paramètres d'affichage du système d'exploitation n'ai pas une influence aussi. Si quelqu'un en sait plus...
Marsh Posté le 23-05-2011 à 20:57:45
Oui, il faut que le "clear type" soit activé dans XP (il n'y est pas par défaut).
Étrange que le @font-face soit un "hack" ou une bizarrerie plus ou moins supportée, puisque d'après ce qui se dit, ça existe depuis 1997 ou 1998 avec le CSS2, a été initié avec IE et que depuis cette époque, tous les navigateurs sont censés le supporter...
Marsh Posté le 23-05-2011 à 21:37:14
Si je ne dis pas de bêtise, c'était sur le point de devenir un standard notamment avec IE, mais pour pas changer, format propriétaire oblige, finalement disparu et qui repointe le bout de son nez
Source:
L’émergence de @font-face
On va peut être finir par avoir une standardisation avec le temps, le css semble être la meilleur solution, encore faut il espérer une uniformisation sur la majorité des navigateurs.
Sinon il existe sIFR en javascript ou encore une solution flash qui génère une image dynamiquement avec par exemple Cufón et pour les plus Old School le démoniaque <FONT FACE> ainsi qu'un article de 1996 qui en témoigne malheureusement en anglais.
Conclusion, on peut s'estimer heureux que des solutions comme Font Squirrel existent
Marsh Posté le 23-05-2011 à 23:16:56
y'a (au moins) un plugin jQuery aussi mais... j'ai oublié le nom
Marsh Posté le 24-05-2011 à 16:47:52
Oui, sIFR, je vais m'y intéresser aussi. J'ai vu le screencast sur CSS-Tricks, ça a l'air de vraiment bien fonctionner, mais plutôt pénible à mettre en place. Je me suis d'ailleurs enfilé tous les screencasts, presque à la suite, en 1 semaine
Marsh Posté le 24-05-2011 à 17:13:14
Je n'ai pas encore approfondi la chose, mais cette alternative semble pas mal
Marsh Posté le 23-05-2011 à 09:16:09
Bonjour,
j'aimerais comprendre pourquoi mon @font-face produit des polices non anti-aliasées, quel que soit le navigateur.
Voilà ce que ça donne en 12px :
...et en 16px :
J'ai fait plein de recherches, mais je ne tombe que sur des topics où les gens s'étonnent que la police soit lissée dans tous les navigateurs sauf Safari, par exemple, ou pour améliorer le lissage en général. Mais là ce n'est pas du tout lissé!
Testé dans Maxthon 3, Firefox 4, IE 9 et Chrome 11.
La police est "WalkwayBold.ttf", mais j'ai essayé avec une autre police, même résultat, pas de lissage.
Merci de votre aide...