La typographie en CSS
font-family et sa pile de repli, les familles génériques, @font-face, la taille, la graisse, le style, l'interligne, l'alignement, l'espacement des lettres et la longueur de ligne lisible.
- 27 cartes
- 6 thèmes
- Gratuit
Le programme, thème par thème
Le poids de chaque thème suit celui que lui donne l'examen.
- Notions
- Questions
- Ranger et relier
- Les chiffres
- Mises en situation
- Comprendre
Quelques cartes du deck
Pile de polices : de quoi s'agit-il ?
Voir la réponse
Liste ordonnée de polices dans font-family : le navigateur prend la première qui est disponible et passe à la suivante pour chaque police absente.
Une police peut manquer sur l'appareil, d'où la liste. On la termine par une famille générique, toujours disponible.
Seules Arial et Times sont installées sur la machine. Quelle police s'affiche ?
```css
body { font-family: Inter, Helvetica, Arial, sans-serif; }`- Arial
- Inter
- Helvetica
- Times
Voir la réponse
Arial
Le navigateur parcourt la liste dans l'ordre : Inter et Helvetica sont absentes, Arial est la première trouvée, il s'arrête là. Times n'est pas dans la liste, et sans-serif ne sert qu'en dernier recours.
Avec
font-family: Inter, Arial, sans-serif, si Inter manque, le navigateur essaie …, puis la famille générique ….Voir la réponse
Avec
font-family: Inter, Arial, sans-serif, si Inter manque, le navigateur essaie Arial, puis la famille générique sans-serif.L'ordre de la liste est l'ordre de préférence : on lit de gauche à droite jusqu'à la première police disponible.
Famille générique : de quoi s'agit-il ?
Voir la réponse
Nom réservé qui désigne un style de police sans en nommer une : serif, sans-serif, monospace, cursive. Le navigateur choisit lui-même une police de ce style.
Elle s'écrit sans guillemets : entre guillemets, "serif" serait pris pour le nom d'une police installée. Un nom de police à plusieurs mots comme "Open Sans" se met au contraire de préférence entre guillemets.