1. Bien aligné !

L’alignement (la position) du texte utilise la commande suivante :



2. Taille de la police

Pour paramétrer la taille de la police de caractère; on utilise la commande :



2. Choisir une autre police de caractère

2.1. Utiliser les polices pré-définies.

Pour modifier la police de caractères par défaut, on utyilise la commande CSS "font-family", comme expliqué ici.


2.2. Utiliser une police "Custom".

Si on souhaite ajouter une police de caractère au site web, il faudra indiquer au navigateur où il pourra la trouver !


@font-face permet de déclarer la police et son fichier (.ttf, .oft), qui sera ensuite utilisée sur un élément (p, dans cet exemple)


3. Travail à réaliser


Vous allez modifier le code CSS pour obtenir le résultat ci-dessous :

3.1. Modifiez le code CSS pour que tout le contenu de la page soit centré, sauf le titre h1, qui reste à gauche.

3.2. Récupérez la police spécifique au film des Minions ici.

3.3. Décompressez l'archive téléchargée et placez le fichier PumpOpti-Medium.otf dans l'arborescence de votre site (dans un nouveau dossier nommé "fonts").

3.4. Ajoutez cette police spéciale Minions à votre site web, pour le titre principal (h1).

3.5. Le titre est un peu petit : augmentez sa taille jusqu'à 64px.

3.6. Effectuez la validation W3C du fichier CSS.