Police personnalisée pixelisée

21 réponses
Avatar
Stéphane Santon
Bonjour,

J'essaie de convertir
un site Images + Flash : http://www.studiopioupiou.com/
en Texte + JavaScript : http://creaweb.santonum.eu/
avec police personnalisée : Goose.

Le graphiste remarque (et je constate après coup) que le texte du titre
de page "Graphiste illustrateur" est pixelisé, alors que sa version de
titre "image" ne l'est pas.

Est-ce dû au rendu du navigateur (pour moi Firefox), ou bien y a-t-il
des paramétrages à apporter pour améliorer ça ?

Merci

--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu

10 réponses

1 2 3
Avatar
Anne G
Le 24/04/12 15:59, Stéphane Santon a écrit :
Bonjour,

J'essaie de convertir
un site Images + Flash : http://www.studiopioupiou.com/
en Texte + JavaScript : http://creaweb.santonum.eu/
avec police personnalisée : Goose.

Le graphiste remarque (et je constate après coup) que le texte du titre
de page "Graphiste illustrateur" est pixelisé, alors que sa version de
titre "image" ne l'est pas.



Pas chez moi.

La seule différence, c'est que l'original paraît avoir une texture et
pas l'autre.
Avatar
Stéphane Santon
Bonjour,

Quel navigateur ?? Quel OS ?
D'après quelques articles web, ça viendrait de l'option Cleartype de
l'OS, qui pourrait être surchargée par une option semblable du
navigateur...

Anne G a écrit :
Le graphiste remarque (et je constate après coup) que le texte du titre
de page "Graphiste illustrateur" est pixelisé, alors que sa version de
titre "image" ne l'est pas.



Pas chez moi.
La seule différence, c'est que l'original paraît avoir une texture et
pas l'autre.



--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu
Avatar
Anne G
Le 24/04/12 17:56, Stéphane Santon a écrit :
Bonjour,

Quel navigateur ?? Quel OS ?



Boah ! C'est pas dans mes entêtes ?

Leopard 10.6.8, Seamonkey.

http://www.braultdesign.com/forum/graphiste.jpg

D'après quelques articles web, ça viendrait de l'option Cleartype de
l'OS, qui pourrait être surchargée par une option semblable du
navigateur...

Anne G a écrit :
Le graphiste remarque (et je constate après coup) que le texte du titre
de page "Graphiste illustrateur" est pixelisé, alors que sa version de
titre "image" ne l'est pas.



Pas chez moi.
La seule différence, c'est que l'original paraît avoir une texture et
pas l'autre.



Avatar
Sergio
Le Tue, 24 Apr 2012 19:44:25 -0600, Anne G a écrit :

Quel navigateur ?? Quel OS ?



Boah ! C'est pas dans mes entêtes ?

Leopard 10.6.8, Seamonkey.

http://www.braultdesign.com/forum/graphiste.jpg

D'après quelques articles web, ça viendrait de l'option Cleartype de
l'OS, qui pourrait être surchargée par une option semblable du
navigateur...



Anne G a écrit :
Le graphiste remarque (et je constate après coup) que le texte du
titre de page "Graphiste illustrateur" est pixelisé, alors que sa
version de titre "image" ne l'est pas.



Pas chez moi.
La seule différence, c'est que l'original paraît avoir une texture et
pas l'autre.







Pareil (que Anne) chez moi (Firefox 11 sous Linux). Quelqu'un avec
Windows ?

Essaye sous ton Windows en activant / désactivant Cleartype.

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Stéphane Santon
Bonjour,

Je suis allé dans ClearType sous Windows, qui propose de configurer.
Au début la case est cochée mais je ne sais pas si c'est déjà actif ou
une proposition.
J'ai décoché et choisi une série d'apparences, c'est mieux.
Recoché ClearType et rechoisi une série d'apparences, c'est aussi bien.

Bon... je vais dire au graphiste que ça vient de son navigateur ??

Merci de vos infos et avis

Sergio a écrit :
Pas chez moi.
La seule différence, c'est que l'original paraît avoir une texture et
pas l'autre.







Pareil (que Anne) chez moi (Firefox 11 sous Linux). Quelqu'un avec
Windows ?

Essaye sous ton Windows en activant / désactivant Cleartype.



--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu
Avatar
Olivier Masson
Le 25/04/2012 09:02, Stéphane Santon a écrit :
Bonjour,

Je suis allé dans ClearType sous Windows, qui propose de configurer.
Au début la case est cochée mais je ne sais pas si c'est déjà actif ou
une proposition.
J'ai décoché et choisi une série d'apparences, c'est mieux.
Recoché ClearType et rechoisi une série d'apparences, c'est aussi bien.

Bon... je vais dire au graphiste que ça vient de son navigateur ??




Surtout de son OS. Windows XP probablement.
D'ailleurs je constate ça sur mon XP, que je laisse tel quel pour avoir
un rendu comme chez mes clients.
Par ailleurs, il existe deux astuces, plus ou moins efficaces selon le
navigateur et sa version :
-webkit-transform: rotate(-0.0000000001deg); // probablement pour
activer le moteur de rendu
text-shadow: 0 0 1px rgba(0,0,0,0.3); // qui crée donc un très léger
flou autour de la fonte

Il existe également la propriété CSS3 font-smooth, mais elle n'est pas
implémentée :) (enfin si, dans webkit, voir en bas de la page MDN)
Avatar
M.H
Stéphane Santon a écrit :
Bonjour,

J'essaie de convertir
un site Images + Flash : http://www.studiopioupiou.com/
en Texte + JavaScript : http://creaweb.santonum.eu/
avec police personnalisée : Goose.

Le graphiste remarque (et je constate après coup) que le texte du tit re
de page "Graphiste illustrateur" est pixelisé, alors que sa version d e
titre "image" ne l'est pas.

Est-ce dû au rendu du navigateur (pour moi Firefox), ou bien y a-t-il
des paramétrages à apporter pour améliorer ça ?

Merci




Pour le pioupiou je remarque comme une transparence avec le fond (papier
d'emballage) et pas sur santorum.
Avec XP et Seamonkey 2.6.1
A+

--
M.H.
Avatar
SAM
Le 24/04/12 23:59, Stéphane Santon a écrit :
Bonjour,

J'essaie de convertir
un site Images + Flash : http://www.studiopioupiou.com/
en Texte + JavaScript : http://creaweb.santonum.eu/




Vous êtes malades !
encore une page de 620 ko pour 10 ko de réel contenu !
encore une page de 350 ko de JavaScript !


avec police personnalisée : Goose.

Le graphiste remarque (et je constate après coup) que le texte du titre
de page "Graphiste illustrateur" est pixelisé, alors que sa version de
titre "image" ne l'est pas.

Est-ce dû au rendu du navigateur (pour moi Firefox), ou bien y a-t-il
des paramétrages à apporter pour améliorer ça ?



passer à la dernière version de Fx ?
laisser tomber le système 7 et passer à au moins Snow ?


Je ne trouve pas le "titre" ... où est la balise H1 dans le code HTML ?

Si c'est "studio Piou Piou" alors là en guise de "texte" j'ai une image
(dont le P ne se marie pas tt à fait avec le craft de fond comme
essaient de le faire les autres lettres)

Si c'est "Graphiste Illustrateur" non ça ne pixelise pas même si je
zoome (Pomme+ x fois)

Par contre il faudra montrer au(x) graphiste(s) comment ça kkbouille
quand on zoome... ! (en particulier avec Safari)


--
Stéphane Moriaux avec/with iMac-intel + Firefox le dernier
Avatar
SAM
Le 25/04/12 12:26, M.H a écrit :
Stéphane Santon a écrit :
un site Images + Flash : http://www.studiopioupiou.com/
en Texte + JavaScript : http://creaweb.santonum.eu/


Pour le pioupiou je remarque comme une transparence avec le fond (papier
d'emballage)



sur le site PiouPiou, "Graphiste illustrateur" est une image
elle a été travaillée pour donner cette impression de transparence

et pas sur santorum.



oui anéfé
mais
là c'est du texte
et ... sans-doute ont-ils oublié de lui donner une transparence ?

"studio Piou Piou et son logo citron à la plume" sont des images des 2 côtés

(je ne sais où est le Flash dans ce "titre" ... ? !)
(je ne sais où est le Flash dans cette page, mon FlashBloqueur semble
n'y avoir rien bloqué)

--
Stéphane Moriaux avec/with iMac-intel
Avatar
M.H
SAM a écrit :

Par contre il faudra montrer au(x) graphiste(s) comment ça kkbouille
quand on zoome... ! (en particulier avec Safari)




Et avec Seamonkey Win XP : pioupiou ça marche santonum ça passe pas b ien!
A+


--
M.H.
1 2 3