Skip to content

Typographie et web (ex)

Une capture du site usemodify.com
Une capture du site usemodify.com→ Ouvrir le lien

Création d'une page web (ou de plusieurs) sur la thématique et avec les moyens que vous désirez. Il s'agit de créer une oeuvre qui puisse être visionnée dans un navigateur, réalisée avec HTML (certainement), CSS (probablement), et incluant au moins 2 polices de caractères différentes* (voir note ci-dessous). A part ça, vous avez le champ totalement libre... Profitez-en 😉

Essayez de créer une expérience intéressante et qui sorte un peu des sentiers battus...

Note: 2 polices de caractères différentes dont au moins une provient de Google Fonts (chargée via l'entête de notre HTML) et au moins une provient d'un autre éditeur/agrégateur (Dafont, Usemodify, ou autre - voir ci-dessous) et est donc intégrée au projet (et chargée via la propriété @font-face (voir ci-dessous également)).

N'hésitez pas à explorer les différentes propriétés css liées au travail du texte, reprises sur la page du cours

  • Testez
  • Mettez en ligne sur Netlify avant le prochain cours..
  • Et enfin, copiez l'adresse de votre page dans ce fichier dans la colonne adéquate.

Quelques liens:

@font-face (exemple)

css
@font-face {
    font-family: "Swing";
    src: url('/fonts/swing.ttf') format('truetype');
}