Aide:Police de caractères
Vous serez peut-être surpris d'apprendre que toute police de caractères retenue pour un site web ne sera pas systématiquement reproduite de la même manière sur les écrans des visiteurs. Certains n'en tiennent aucun compte. En effet, les polices n'y sont qu'évoquées ; elles doivent être fournies par l'ordinateur de visualisation.
Si la police précisée par le site web est absente du système client, elle sera remplacée par une police par défaut : Times new roman sur PC et Times sur Mac. Cette dernière, peu adaptée aux textes de petite taille, gênera la lecture du site. Pour éviter ces mauvaises surprises et leurs inconvénients, il est recommandé de se limiter aux polices standards.
Sommaire
Polices standards
si l'on considère les systèmes d'exploitation les plus courants, il est possible d'établir une liste de 9 polices de caractères dites standards auxquelles vous devez essayer de vous limiter.
Nom | Caractéristiques |
---|---|
Police par défaut | Sans serif |
Arial | Sans serif |
Arial black | Sans serif gras |
Comic sans MS | Sans serif fantaisie |
Courier new | Chasse fixe |
Georgia | Empattements simples (serif) |
Times new roman | Empattements simples (serif) |
Times | Empattements simple (serif) |
Verdana | Sans serif |
Taille des polices
Le tableau ci-dessous montre la taille des polices par rapport à la taille de référence du corps d'article de Mediawiki qui est de 1em et qui est la première valeur de référence dans un article.
Taille | Rendu normal | Rendu gras | |
---|---|---|---|
Catégorie 0 non recommandée |
9px | Police taille 9px | Police taille 9px |
70% | Police taille 70% | Police taille 70% | |
0.7em | Police taille 0.7em | Police taille 0.7em | |
xx-small | Police taille xx-small | Police taille xx-small | |
Catégorie 1 | 10px | Police taille 10px | Police taille 10px |
80% | Police taille 80% | Police taille 80% | |
0.8em | Police taille 0.8em | Police taille 0.8em | |
x-small | Police taille x-small | Police taille x-small | |
Catégorie 2 | 13px | Police taille 13px | Police taille 13px |
110% | Police taille 110% | Police taille 110% | |
1.1em | Police taille 1.1em | Police taille 1.1em | |
small | Police taille small | Police taille small | |
Catégorie 3 | 16px | Police taille 16px | Police taille 16px |
135% | Police taille 135% | Police taille 135% | |
1.35em | Police taille 1.35em | Police taille 1.35em | |
medium | Police taille medium | Police taille medium | |
Catégorie 4 | 18px | Police taille 18px | Police taille 18px |
150% | Police taille 150% | Police taille 150% | |
1.50em | Police taille 1.50em | Police taille 1.50em | |
large | Police taille large | Police taille large | |
Catégorie 5 | 24px | Police taille 24px | Police taille 24px |
200% | Police taille 200% | Police taille 200% | |
2em | Police taille 2em | Police taille 2em | |
x-large | Police taille x-large | Police taille x-large | |
Catégorie 6 | 32px | Police taille 32px | Police taille 32px |
260% | Police taille 260% | Police taille 260% | |
2.60em | Police taille 2.60em | Police taille 2.60em | |
xx-large | Police taille xx-large | Police taille xx-large |
Clause de style
Dans la clause de style, « font-family » permet de contrôler la police affecté à un élément.
Style="font-family:'Times new roman';"
Cette propriété se transmettant par héritage, elle vaudra également pour tous les descendants de l'élément. Si la famille n'existe pas, elle est remplacée par la police par défaut (voir ci-dessus). pour s'en prémunir, on peut indiquer plusieurs valeurs séparées par une virgule.
Style="font-family:'Times new roman', 'Verdana', 'Sans-serif';"
Dans le cas ci-dessus, le navigateur cherchera d'abord la police « Times new roman », en son absence il cherchera « Verdana » et en son absence il cherchera « sans-serif ». Il faut savoir que la police par défaut de WikiGenWeb étant « sans-serif », il est inutile de le préciser dans la famille.
Familles génériques
Toutes les polices sont classées par famille générique qui les regroupe selon leur empattement, leur chasse ou leur style. On trouve ainsi 3 familles génériques standards : « Serif », « Sans-serif », « Monospace ».
Les empattements des caractères s'appellent « Sérifs ».
Sans serif(verdana TMIWM), Avec serif (times TMIWM), Monospace (courier new TMIWM)
Couleurs
Voir article détaillé sur les couleurs
Modèle
le modèle {{Police}} permet d'assigner une police, une taille, une couleur de texte et une couleur de fond à un élément texte.
- Syntaxe
-
{{Police|1|2|3|4|5}}
- 1 : Nom de la police de caractères (sans-serif par défaut).
- 2 : Taille de la police de caractères : x-small, small, medium, large, x-large, xx-large (small par défaut).
- 3 : Couleur du texte :Représente un des 16 [http://www.utexas.edu/learn/html/colors.html noms standard] de couleur spécifiés par les normes HTML (aqua, black, blue, fuchsia, green, gray, lime, maroon, navy, olive, purple, red, silver, teal, white ou yellow) ou bien une couleur personnalisée au format hexadécimal #RRGGBB. (facultatif, black (noir) par défaut).
- 4 : Couleur du fond : Représente un des 16 [http://www.utexas.edu/learn/html/colors.html noms standard] de couleur spécifiés par les normes HTML (aqua, black, blue, fuchsia, green, gray, lime, maroon, navy, olive, purple, red, silver, teal, white ou yellow) ou bien une couleur personnalisée au format hexadécimal #RRGGBB. (facultatif, white (blanc) par défaut).
- 5 : Texte à surligner en couleur (obligatoire).
- Exemple
-
{{police|Comic sans MS|large|red|yellow|Mon changement de police}}
Mon changement de police