Aide:Police de caractères

De WikiGenWeb
Révision de 28 mars 2011 à 13:18 par Raymond SÉNÈQUE (discussion | contributions)

(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

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.

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.

Polices standards
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

(Afficher l'article détaillé)

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.

Tableau comparatif des tailles de polices
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