Mettre en forme un texte en CSS: choix de la polices

Forma du texte en CSS:de la polices

Formation Affiliation Flash

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 très important.
C'est la propriété CSS font-family qui permet de déterminer le ou les choix de la polices de caractères désirées pour l'ensemble de la page ou pour un élément donné.

Choix de polices

Le problème c'est que, pour qu'une police s'affiche correctement, il faut que le visiteur l'a dans son système.
S'il ne l'a pas, son navigateur prendra une police par défaut (une police standard) qui n'aura peut-être rien à voir avec ce à quoi vous vous attendez.
La propriété CSS qui indique la police au navigateur est font-family. .

font-family:police;

Pour éviter tout problème si l'internaute n'a pas la même police que vous, on met plusieurs noms de police, séparés par des virgules :

font-family:police1, police2, police3, police4;

Le navigateur essaiera d'abord de mettre la police1. S'il ne l'a pas, il mettra la police2. Puis la police3 et ainsi de suite.
En général, on met en tout dernier une police standard (qui ne se met que si aucune autre police n'a été trouvée) c'est "serif".
Voici une liste de polices qui fonctionnent bien sur la plupart des navigateurs et que vous pouvez donc utiliser sans crainte :

• Arial
• Arial Black
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Times New Roman
• Trebuchet MS
• Verdana

Exemple:
Code : CSS

	h1

	{

	   font-family: "Arial Black", Arial, Verdana, serif; 

	}

	p

	{

	   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif; 

	}

	

Cours precedent:   Taille du texte

Le langage php

Cours suivant: Alignement de texte

Tweet