CSS > FONT

CSS - Font

- Présentation des polices

La gestion des polices est représentée par plusieurs éléments. Il appartient au Language CSS - Syntaxe:. Voici les principaux:

FONT FAMILY
FONT STYLE
FONT WEIGHT
FONT SIZE
FONT
FONT "EXTERNE"

- Fonction FONT FAMILY

Il y a un nombre pratiquement infini de famille de police. En revanche, il existe 5 "Generic name" qui sont les suivant:
- Serif
- Sans serif
- Cursive
- Fantasy
- Monospace

Les principales Font Family sont les suivantes:

Exemple avec la police "Times"

Language CSS - Syntaxe:/* SERIF*/ .times{font-family: Times, "Times New Roman", Georgia, serif;}

Exemple avec la police "Arial"

Language CSS - Syntaxe:/* SANS-SERIF*/ .arial{font-family:Arial, Helvetica, Tahoma, sans-serif;}

Exemple avec la police "brush Script MT"

Language CSS - Syntaxe:/* CURSIVE */ .brush{font-family: "brush Script MT", cursive;}

Exemple avec la police "Papyrus"

Language CSS - Syntaxe:/* FANTASY */ .papyrus{font-family:Papyrus,fantasy;}

Exemple avec la police "Courier"

Language CSS - Syntaxe:/* MONOSPACE*/ .courrier{font-family: Courier, "Courier New", monospace;}

- Fonction FONT STYLE

Le style de police est soit Normal, soit Italic, soit Oblique. La valeur par defaut sera Normal. La balise HTML pour mettre un texte en italic est <i></i>.

Language CSS - Syntaxe:p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;}

- Fonction FONT WEIGHT

Font Weight est l'épaisseur de la police. Les valeurs les plus utilisées sont Normal et Bold.
La valeur par defaut sera Normal. La balise HTML pour mettre un texte en gras est <b></b>.

Language CSS - Syntaxe:p.normal {font-weight:normal;} p.bold {font-weight:bold;}

- Fonction FONT SIZE

Font Size correspond a la taille de la police (sa hauteur). Nous vous conseillons d'utiliser comme unités, des pixels px

Language CSS - Syntaxe:h1 {font-size:40px;} h2 {font-size:30px;} p {font-size:14px;}

- Fonction FONT

La simple fonction Font permet de renseigner rapidement sur la taille, le type et le style de la police.

Language CSS - Syntaxe:p {font:15px arial,sans-serif;}

- Utilisation de fichiers de police externes

Dans un fichier de style CSS, nous devons indiquer le lien du ou des fichier(s) de police.
NOTA: Pour des raisons de compatibilité avec internet explorer, nous vous conseillons d'utiliser des polices aux format *.ttf et *.eot

- Exemple:

Language CSS - Syntaxe:/* Polices */ @font-face {font-family: 'eot';src:url('../font/alamain.eot');} @font-face {font-family: 'ttf';src: url('../font/alamain.ttf');} .exemple1{ font-family:'ttf','eot','arial'; }

Exemple avec la police téléchragée "alamain".