Contactez-nous : 01.34.18.15.07
diapo1 diapo2 diapo3 diapo4
diapo_bottom

Typographie d'un site internet

separator

Dossiers

separator separator separator separator

Le 2011-10-10

Les fonts ou polices de caractère

Faire un site internet, c'est aussi choisir les polices pour avoir un rendu graphique de qualité : actuellement, il n'est pas encore possible d'utiliser n'importe quelle police de caractère pour votre site. En effet, la typographie que le webmaster va choisir doit être commune à tous les PC, et visible sur chacun d'eux.

typographie arial
Mais, les polices communes sont limitées à la liste suivante :
Les polices (serif) à empattement
Times, Times New Roman, Liberation Serif, FreeSerif, serif, Georgia, DejaVu Serif, Norasi, serif

Les polices (sans serif) sans empattement
Arial, Helvetica, Liberation Sans, FreeSans, sans-serif, Trebuchet MS, Arial, Helvetica, sans-serif, Lucida Sans, Lucida Grande, Lucida Sans Unicode,
Tahoma, Geneva, Kalimati, sans-serif, Verdana, DéjaVu Sans, Bistream Vera Sans, Geneva, sans-serif, Impact, Arial Black, sans-serif,

Les polices monospace
Courier, Courier New, FreeMono, Liberation Mono, monospace, Monaco, DejaVu Sans mono, Lucida Console, Andale Mono, monospace,

typographie


Sur un site web, on donne l'ordre d'utiliser la police qui est installée sur le navigateur de l'internaute qui sera la première de la liste. Si la première de la liste n'est pas installée, le navigateur ira chercher la seconde, puis la troisième et ainsi de suite jusqu'à la police générique (celle qui se trouve en fin de liste)

Dans les CSS du site internet, le webmaster aura codé ainsi :
exemple :
body {
font-family: "Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
}
 
le navigateur ira donc chercher en premier la font "Courier"
en  second, la font  "Courier New" etc.


Autre information liée au typographie du web : le W3C
Le World Wide Web Consortium, organisme de normalisation des technologies du Web, a défini pour sa norme de présentation CSS cinq familles de polices génériques1 :
• serif : des familles de police à empattement
• sans-serif : des familles de polices sans empattement
• cursive : des familles de polices simulant l’écriture à la main
• fantasy : des familles de polices dont les glyphes sont exotiques et plus décoratives qu’utilisables pour du long texte. Peuvent convenir pour des titres
• monospace : des familles de polices à chasse fixe, comme sur des machines à écrire ou des terminaux d’ordinateur. Informellement traduit en monochasse, elles fonctionnent sur le principe du stoïchédon.

logo_footer
Brief Créatif

7 allée du Clos Fleuri
95210 Saint Gratien, France
+33 (0)1 34 18 15 07

L'agence de communication

acrobat Notre plaquette

acrobat La carte de visite

Copyright 2012. Agence Web Brief Créatif.
All Rights Reserved. (Communication Print / Web 95)

medaille
Domaines de compétences

Création Graphique : Faire transparaître en un coup d'œil votre identité visuelle est l'enjeu principal de votre communication visuelle. Plus efficaces qu'un long discours, nos publicités, affiches, plaquettes et produits dérivés soutiennent activement votre force commerciale.

Création de site internet : Notre agence de communication ou agence web vous accompagne dans la mise en place de votre site web, en apportant une expertise et des solutions adaptées, performantes et évolutives. Nous réaliserons votre site internet de A à Z.

Imprimerie et conseils : Nous étudions toutes les solutions pour vous apporter un coût de fabrication adapté à votre budget. Vous assurer le meilleur rapport qualité/prix est la garantie de vous fidéliser. Aussi nous vous conseillons pour le choix du papier et du format.

letter
Contactez-nous

captcha
Suivez-nous
facebook google twitter youtube googlemap

Valid XHTML 1.0 Strict CSS Valide !

L'univers Brief Créatif
coffee
Liens

Mentions légales - Secteurs de notre agence conseil : Région Ile de France, Val d'Oise, 95, Saint Gratien