28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,
j'utilise régulièrement @font-face sur mes sites perso (en taille de police assez petit).
Pour un design particulier, j'ai besoin d'une police très grande (environ 150px).
Le problème c'est que ma police est tout simplement pixelisé à mort.

J'ai donc utilisé une méthode js pour lisser les polices (cufon) mais malheureusement pour moi ça ne change pas grand chose...

Est-ce que vous avez une autre astuce?

Mettre une image me simplifierai bien évidement la tache mais j'ai honte de faire ça...
Ou je change de police, mais j'ai déjà mis un temps fou pour trouver la bonne Smiley langue

Merci d'avance...
Ne voyant pas le problème auquel tu es confronté, je ne peux que l'imaginer, mais avec un aperçu, ca serait quand même plus simple Smiley hum

Peut-être que la police que tu utilise est de mauvaise qualité, auquel cas, je te conseille de jeter un oeil sur http://www.bestwebfonts.com et http://html.adobe.com/edge/webfonts/

Perso, la solution la plus simple que j'adopterai serait de jouer avec les ombres portées sur le texte en css avec text-shadow (en général, la couleur de la police avec une opacité de 50% par rapport au fond utilisé apporte de bon résultats pour la couleur de l'ombrage), afin de créer une bordure plus douce.

Mais ca ne sera visible que sur les navigateurs supportant la propriété text-shadow: http://caniuse.com/#feat=css-textshadow
Pour une compatibilité maximale, il faudra se tourner vers une solution en javascript avec par exemple http://www.hintzmann.dk/testcenter/js/jquery/textshadow/
Modifié par LuciferX (18 Oct 2012 - 06:13)
Bonjour,

_azerty_ a écrit :
Mettre une image me simplifierai bien évidement la tache mais j'ai honte de faire ça...

Du moment que ton image reste accessible je ne vois pas de contre indication à utiliser une image, plutôt que des bidouilles parfois hideuses, contre productives, inaccessibles, etc...

Une page en ligne aiderait à aider... Smiley cligne
Accessoirement, si tu as généré toi-même tes fichiers via font-squirrel, fais bien attention à ne pas utiliser le hinting de font-squirrel, qui peut parfois être désastreux..
@6l20: je suis d'accord avec toi mais ça pique toujours un peu quand on doit mettre un texte en image Smiley sweatdrop .
Modifié par UltrAs001 (18 Oct 2012 - 10:54)