fond-css

Font-Family

Le choix d’une ou de familles de polices de caractères dans la conception de pages web qui s’appuie sur les feuilles de styles (CSS) est d’autant plus crucial que le but de l’opération est d’obtenir la même qualité graphique et typographique que celle que nous obtenons en utilisant des images textuelles peaufinées dans Photoshop… mais cette fois, sans images.

C’est la propriété CSS font-family qui permet de déterminer le ou les choix de la police de caractères désirée pour l’ensemble de la page ou pour un élément donné.

Exemple concret :

body { font-family: 'Gill Sans', 'Gill Sans MT', Arial, Helvetica, sans-serif; }
h1 { font-family: "Hoefler Text", Garamond, Baskerville, "Baskerville Old Face", "Times New Roman", serif; }
Microsoft a également, dans le cadre de sa « guerre » pour imposer le monopole de Internet Explorer comme le logiciel de navigation de facto sur le Web, largement diffusé ce que plusieurs spécialistes considèrent comme les polices les plus lisibles pour l’écran, dont : Verdana, Trebuchet MS et Georgia. De plus, ces polices sont largement installées sur Macintosh et de plus en plus sur Unix.
Ces polices CSS pour font-family, ne s’afficheront chez un utilisateur que si la police est installée sur son poste. Ce qui est le cas pour tous les PC.

 

Serif :

  • Georgia,
    Georgia Bold,
    Georgia Italic,
    Georgia Bold Italic
  • Times New,
    Times New Bold,
    Times New Italic,
    Times New Bold Italic

Sans-serif :

  • Arial,
    Arial Bold,
    Arial Italic,
    Arial Bold Italic
  • Arial Black
  • Impact
  • Tahoma,
    Tahoma Bold,
    Tahoma Italic,
    Tahoma Bold Italic
  • Trebuchet MS,
    Trebuchet MS Bold,
    Trebuchet MS Italic,
    Trebuchet MS Bold Italic
  • Verdana,
    Verdana Bold,
    Verdana Italic,
    Verdana Bold Italic

Cursive :

  • Comic Sans MS,
    Comic Sans MS Bold,

Mono-space :

  • Courier New,
    Courier New Bold,
    Courier New Italic,
    Courier New Bold Italic
  • Andale Mono