HTML

Mise en forme d’un document et compatibilité

La grandeur du texte - Absolument anarchique

La grandeur du texte diffère énormément entre les navigateurs et les systèmes d’exploitation. Bien que ce soit une évidence. Je vais jeter ici quelques points sur ce problème des plus difficiles à maîtriser de la mise en forme de document HTML.

Premièrement votre design ne doit pas directement dépendre de la grandeur d’une police de caractère. La police peut ne pas être installée pour ""x"" raisons sur l’ordinateur du visiteur. Et le visiteur peut changer la grandeur par défaut de la police de caractère très simplement. Ceci afin de permettre au visiteur, d’ajuster leur navigateur selon leur capacité visuelle. En changeant carrément la grandeur de la police ou en choisissant d’afficher le texte de façon normal, petite, très petite, grande ou très grande.

Les 7 grandeurs par défaut des polices varient aussi selon le navigateur mais surtout entre systèmes d’exploitation. De plus l’espace entre les caractères et entre les lignes varie considérablement elles aussi.

En définition :
La grandeur en point = SIZE
L’espace entre les lettres en point = TRACKING
Et l’espace vertical entre les lignes en point = LEADING

Puisque la différence se situe surtout entre Macintosh et Windows, les deux tableaux suivants indiquent les grandeurs par défaut selon le système.

	Macintosh			<FONT SIZE="...">
	Police de caractère	1	2	3	4	5	6	7
	Arial	10 10 -15	10 11 15	12 14 0	14 16 0	18 20 0	24 27 0	36 40 0
	Arial Black	9 13 0	10 14 10	12 17 0	14 19 0	18 26 0	24 32 5	36 51 0
	Comic Sans	9 13 10	10 14 10	12 17 10	14 19 10	18 24 -10	24 33 0	36 50 0
	Courier	9 10 -15	11 11 -20	12 12 -20	14 14 -15	19 18 -15	24 24 -10	36 36 10
	Courier New	9 10 -40	10 12 -35	13 14 -35	14 16 -25	18 20 10	24 27 -10	36 41 0
	Georgia	9 10 30	10 11 50	12 14 30	14 16 10	18 21 0	24 28 0	36 40 0
	Helvetica	9 10 15	10 11 0	12 13 10	13 14 25	18 18 10	24 25 -10	35 36 10
	Impact	9 11 0	10 12 0	12 15 0	14 17 -10	18 22 -10	24 29 -10	36 44 0
	Times	8 10 65	10 11 10	12 12 -10	14 15 0	17 18 25	23 24 25	35 36 20
	Times New Roman	9 10 20	10 11 10	12 13 10	14 15 10	18 20 5	24 26 0	36 40 0
	Trebuchet	9 10 40	10 11 0	12 14 10	14 16 10	18 21 -10	24 28 0	36 42 0
	Verdana	10 11 0	10 12 50	12 15 20	14 17 0	18 22 -10	24 29 -10	36 43 0

	Windows			<FONT SIZE="...">
	Police de caractère	1	2	3	4	5	6	7
	Arial	10 13 20	13 16 10	16 18 -15	18 21 0	24 27 0	32 36 0	48 55 0
	Arial Black	10 14 10	13 18 0	16 23 5	18 25 0	24 33 0	32 45 0	48 68 0
	Comic Sans	9.5 14 25	13 18 -5	16 23 -10	18 24 -15	24 32.5 -2	31.5 45 10	48 67 0
	Courier	13 13 20	14 13 -30	16 16 -30	17 17 -70	21 20 -20	32 32 -40	49 48 -40
	Courier New	10 10 4	14 15.5 -35	16 17.5 30	18 19.5 14	24 27 -15	31.5 36 5	48 50 5
	Georgia	9.5 13 70	14 15.5 0	16 17.5 5	18 21 -5	24 28.5 0	31.5 38 10	48 56 0
	Helvetica	10 13 25	13 16 10	16 17 -10	18 25 0	23.5 27 0	31.5 35 0	48 55 0
	Impact	9.5 14 26	13 17 5	16 21 -5	18 22 -15	24 28.5 -12	31.5 40 5	28 60 0
	Times	10 12 15	13 15 0	16 19 -30	18 20 0	24 27 0	31 36 0	48 55 0
	Times New Roman	10 12 20	12 15 30	14 19 15	17 20 20	23 27 10	31 36 0	48 55 0
	Trebuchet	9.5 15 23	13 17.5 10	16 21.5 5	18 22.5 -8	24 28.5 0	31.5 40 10	48 61 -5
	Verdana	9.5 10 80	13 15.5 0	16 17.5 25	18 22 -5	24 28.5 -10	31.5 38 10	48 60 0

Grandeur du point : size, leading, tracking
Source : Webmonkey

Note: Les polices de mêmes noms sont sensiblement différentes, c’est pourquoi elles sont séparées. (Times et Courier nous viennent de Macintosh; Times New Roman et Courier New nous viennent de Windows.)

» Suite Grandeur des éléments d’un formulaire