Police (font)

 



Cette propriété définit l'apparence des polices de caractères. Vous pouvez changer la famille de police, la taille et le style.

 

Assigner une police à un texte

h3 {font-family: times}
p {font-family: courier}
p.sansserif {font-family: sans-serif}

Modifier la taille d'une police

 

h1 {font-size: 150%}
h2 {font-size: 130%}
p {font-size: 100%}

Changer le style d'une police

 

h1 {font-style: italic}
h2 {font-style: normal}
p {font-style: oblique}

Assigner une variante à une police

 

p.normal {font-variant: normal}                       <p class="normal">Votre paragraphe</p>
p.small {font-variant: small-caps}                    <p class="small">Votre paragraphe</p>

Modifier l'épaisseur de la police

 

p.normal {font-weight: normal}            <p class="normal">Votre paragraphe</p>
p.thick {font-weight: bold}                  <p class="thick">Votre paragraphe</p>
p.thicker {font-weight: 900}                <p class="thicker">Votre paragraphe</p>

Toutes les propriétés en une seule déclaration

 

P {font: italic small-caps 900 12px arial}

Propriété

Description

Valeurs

font

Permet de mettre toutes les propriétés sur une seule déclaration

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar

font-family

Une police priorisé à utiliser si présente sur le pc

family-name
generic-family

font-size

Modifie la taille de la police

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%

font-style

Modifie le style

normal
italic
oblique

font-variant

Affiche le texte dans le format normal ou small-caps (petite majuscule)

normal
small-caps

font-weight

Modifie l'épaisseur de la police

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

 

CSS Bordure (border)