Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP Taiile de caractères entre Chrome et Mozilla

Taiile de caractères entre Chrome et Mozilla

79 réponses
Avatar
METIS
Bonjour,
je ne suis pas très doué avec les CSS mais je constate une différence de
taille des caractères entre Chrome et Mozzilla Firefox, avec une CSS réduite
à sa plus simple expression.
De plus, le rendu n'est pas le même, on dirait un problème d'antialiasing.

C'est un problème connu ?

--
<|[;o)) METIS : je suis un chat, noir et blanc.
http://www.graphM.com
http://reseau.pao.free.fr/trombinoscope/
Pour m'écrire en privé, moi c'est metis15 et je tourne à l'Orange...
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3 4 5
Avatar
pdorange
METIS wrote:

je ne suis pas très doué avec les CSS mais je constate une différence de
taille des caractères entre Chrome et Mozzilla Firefox, avec une CSS réduite
à sa plus simple expression.



Pour les tailles c'est un problème commun.
Il existe plusieurs façon de définir les tailles des caractèrs
(font-size) : pixels, em, %, etc... Ces type se répartissent en
plusieurs catégories et suivant les navigateurs les résultats sont
différents.

Il semble que pour s'assurer d'un dimensionnement précis et contrôlé
(par le designeur) il faille utiliser plutot "em".
1 em est la taille par défaut définit par l'utilisateur dans son
navigateur (souvent le défaut car l'utilisateur ne le change pas
forcément).
Une bonne solution est de définir la taille du body à 100% (défaut) puis
tout le reste en em (1 em = environ 16 pixels).
Ceci permet aux utilisateurs de grossir le texte (via les boutons du
navigateurs) si besoin et d'avoir un rendu a peu près identique par tout
(a peu près).

"px" (pixels) par exemple donne des résultats différents suivant la
configuration de l'utilisateur (taille par défaut) et le navigateur. IE
n'autorise pas l'utilisateur a changer la taille alors que Safari, FF et
Chrome le permettent...

<http://www.w3schools.com/css/css_font.asp>
<http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs
/>
<http://css-tricks.com/css-font-size/>

un peu ancien mais clair sur la problématique :
<http://www.alistapart.com/articles/howtosizetextincss/>

De plus, le rendu n'est pas le même, on dirait un problème d'antialiasing.



Là aussi l'antialiasing est contrôlé par le navigateur et l'OS.

--
Pierre-Alain Dorange <http://microwar.sourceforge.net/>

Ce message est sous licence Creative Commons "by-nc-sa-2.0"
<http://creativecommons.org/licenses/by-nc-sa/2.0/fr/>
Avatar
METIS
SAM wrote:
...
Imagines-tu que sur mon Mac les polices s'affichent comme sur ton Windows
? Et puis ... sous Windows ... vous n'avez pas un utilitaire pour régler
la graisse l'anti-aliasing étoussa (ClearType) ?



==>Ah !
Je bossais sur Mac du temps de la PAO papier.
C'est vrai que l'Internet, ça gave !!
Au moins avec le papier, quand c'est imprimé, ça bouge plus(;o))))

Je continue à être tué par ces utilisateurs de Windows qui ne
connaissent pas leur système.



==> Je connais des tas de gens, même chez les d'jeun's, qui n'ont qu'une
idée très vague de ce qu'il y a dans le moteur de leur voiture...
(;o)))))))))

--
<|[;o)) METIS : je suis un chat, noir et blanc.
http://www.graphM.com
http://reseau.pao.free.fr/trombinoscope/
Pour m'écrire en privé, moi c'est metis15 et je tourne à l'Orange...
Avatar
METIS
Pierre-Alain Dorange wrote:
METIS wrote:

je ne suis pas très doué avec les CSS mais je constate une différence de
taille des caractères entre Chrome et Mozzilla Firefox, avec une CSS
réduite à sa plus simple expression.



Pour les tailles c'est un problème commun.
Il existe plusieurs façon de définir les tailles des caractèrs


...
Là aussi l'antialiasing est contrôlé par le navigateur et l'OS.



==>Franchement, quel bordel ce Net !!!
On essaye de se mettre d'accord pour que tout le monde communique
(protocoles, machins...), mais pas avec les mêmes règles.

C'est comme si chaque marque de voiture utilisait un code de la route
spécifique !!!

--
<|[;o)) METIS : je suis un chat, noir et blanc.
http://www.graphM.com
http://reseau.pao.free.fr/trombinoscope/
Pour m'écrire en privé, moi c'est metis15 et je tourne à l'Orange...
Avatar
Sergio
Le 23/09/2010 14:53, METIS a écrit :

Écran CRT ? (voir les interventions d'OM).
Là, faut activer l'autre... Il y a aussi une utilitaire de réglage du
ClearType chez Microsoft. Mais faut trouver....



==> Ah bah oui CRT.
J'ai encore mon super Color Station Quato du temps où je faisais surtout de la PAO papier. C'est vrai que pour faire du site, c'est
pas tendance du marché !!

Bon, là je travaille depuis une bonne heure avec le réglage sur ClearType... On s'y fait. C'est une affaire de goût, c'est moins
net, mais moins anguleux.
Avec les écrans LCD, la question est très différente.
Les pixels ne sont pas générés du tout de la même manière !



Donc, abandonner Cleartype et prendre "l'autre" système (désolé, je n'ai pas envie de relancer un Windows rien que pour ça).

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Sergio
Le 23/09/2010 14:34, SAM a écrit :

Imagines-tu que sur mon Mac les polices s'affichent comme sur ton Windows ?
Et puis ... sous Windows ... vous n'avez pas un utilitaire pour régler la graisse l'anti-aliasing étoussa (ClearType) ?
Et donc, comment trucMachin a t-il réglé ça ?
Oui, faut pas croire mais ... il y a des gens qui sortent et savent que ClearType existe ;-)




Je plussoie...

Personnellement je ne supporte pas l'affichage de base des caractères dans Windows et m'empresse de titiller ClearType pour les
régler à ma convenance (juste à la limite du "flou" évoqué par ailleurs).



J'ai pas de Windows, néanmoins mon réglage de l'antialiasing se fait comme ça chez moi :
http://cjoint.com/data/jxpgTb2WKf_rendus_polices.png

Je continue à être tué par ces utilisateurs de Windows qui ne connaissent pas leur système.



En général, c'est plutôt le contraire... ;-)

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Olivier Miakinen
Le 23/09/2010 13:41, METIS a écrit :

Ce n'est pas étonnant : chacun des deux navigateurs doit avoir une
config différente concernant le choix de la police de caractères par
défaut ou sa taille.



==> OK mais font chier, faut encore hacker...



Ben non, faut pas hacker ! Ton site est supposé fonctionner quelles que
soient les préférences choisies par l'utilisateur dans son navigateur à
lui qu'il a, et celles-ci seront souvent différentes selon la taille de
son écran et son acuité visuelle.

Comme on dit en patois berrichon : « it's not a bug, it's a feature ».

Le Net n'est vraiment pas drôle !!



Si tu n'es pas doué pour ça et que tu n'as pas envie de le faire, il te
reste toujours la solution d'engager quelqu'un dont c'est le métier pour
le faire à ta place. Bien entendu c'est plus cher.

ClearType.



==> Ah OK, trouvé, merki Gogol
Bon, j'ai mis ClearType.
J'aime pas trop, ça fait assez flou...



On est d'accord, ça ne me convenait pas non plus pour la même raison. Je
crois me rappeler que ça doit être désactivable même sur IE, mais je ne
saurai pas te dire comment on fait.

Et puis la taille des polices n'est pas la même sur Chrome ou Fox.



C'est configurable, bien sûr, tout comme le choix de la police
elle-même. Mais encore une fois il n'y a pas de raison pour que la
config par défaut soit la même dans différents navigateurs.


Cordialement,
--
Olivier Miakinen
Avatar
SAM
Le 23/09/10 15:03, METIS a écrit :

==>Franchement, quel bordel ce Net !!!
On essaye de se mettre d'accord pour que tout le monde communique
(protocoles, machins...), mais pas avec les mêmes règles.

C'est comme si chaque marque de voiture utilisait un code de la route
spécifique !!!



Non c'est exactement pareil.
Chaque voiture a son modèle de siège, par exemple.
Ou pour comparer aux résolutions d'écran : elles n'ont pas le même
encombrement.
Toutes suivent le même code de la route (enfin ... leurs conducteurs le
devraient) mais elle ne braquent ni ne freinent ni n'accélèrent pareil.

Les routes et le code, les voitures en font un peu ce qu'elles veulent,
ce qu'elles peuvent, les ordis c'est pareil avec le Net et les CSS.

Les constructeurs automobiles essaient de satisfaire avec des petites et
des grandes voiture, le webmaster fera de même pour les petits et grands
affichages en veillant à ce que le siège conducteur n'ait pas tendance à
glisser à l'arrière.
Après ... qu'il y ait plus ou moins de place entre les sièges, on s'en
moque un peu tant que tous les sièges y sont.
(s'énerver pour qques différences de pixels ne sert à rien et si la
présentation est primordiale il reste le PDF)(que, perso, je n'ouvrirai pas)

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 23/09/10 15:08, Sergio a écrit :
Le 23/09/2010 14:34, SAM a écrit :

Personnellement je ne supporte pas l'affichage de base des caractères
dans Windows et m'empresse de titiller ClearType pour les
régler à ma convenance (juste à la limite du "flou" évoqué par ailleurs).



J'ai pas de Windows, néanmoins mon réglage de l'antialiasing se fait
comme ça chez moi :
http://cjoint.com/data/jxpgTb2WKf_rendus_polices.png



Windows me filant des boutons ça fait un moment que je ne l'ai pas
esspérimenté, cependant ça me semble assez voisin de ClearType sauf que
(de mémoire) il y a en plus un curseur pour régler la graisse ou le "flou".

Je continue à être tué par ces utilisateurs de Windows qui ne
connaissent pas leur système.



En général, c'est plutôt le contraire... ;-)



Quoi ? le contraire ?
Que Windows ne connaisse pas ses utilisateurs ?

L'un n'empêche pas l'autre !

--
Stéphane Moriaux avec/with iMac-intel
Avatar
Sergio
Le 23/09/2010 15:53, SAM a écrit :

Je continue à être tué par ces utilisateurs de Windows qui ne
connaissent pas leur système.



En général, c'est plutôt le contraire... ;-)



Quoi ? le contraire ?
Que Windows ne connaisse pas ses utilisateurs ?

L'un n'empêche pas l'autre !



En général, les utilisateurs de Mac "n'y connaissent rien à la technique". Ceux de Windows sont obligés :-)
C'est la différence entre une Rolls et une Lada :
- La Rolls, il est interdit d'ouvrir le capot
- La Lada, t'es bien obligé d'ouvrir le capot...

Heureusement, il y a Linux pour ceux qui n'ont pas les moyens de s'acheter un Mac...

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
METIS
Olivier Miakinen wrote:
Le 23/09/2010 13:41, METIS a écrit :

Ce n'est pas étonnant : chacun des deux navigateurs doit avoir une
config différente concernant le choix de la police de caractères par
défaut ou sa taille.



==> OK mais font chier, faut encore hacker...



Ben non, faut pas hacker ! Ton site est supposé fonctionner quelles que
soient les préférences choisies par l'utilisateur ...



==>Ah bah vi, mais là, c'est moi le client (site pour mon compte).
Donc je cherche à ce que ça soit beau sans trop me faire ch...
Bon, après, on test dans différents navigateur (même IE6, os court),
mais s'il faut parer toutes les réglages éventuels des bidouilleurs de
config., ça devient l'enfer !

Donc faire simple.

--
<|[;o)) METIS : je suis un chat, noir et blanc.
http://www.graphM.com
http://reseau.pao.free.fr/trombinoscope/
Pour m'écrire en privé, moi c'est metis15 et je tourne à l'Orange...
1 2 3 4 5