Convertir une font en web font

Si vous aimez une font de caractère dans un document (word, pdf,..) il est possible de l'utiliser sur une page web. Mais pour cela il faudra d'abord la convertir en web font.

  1. D'abord récupérer la font au format TTF
  2. Ensuite utiliser un convertisseur en ligne pour obtenir un format WOFF et WOFF2
  3. Télécharger votre font WOFF et WOFF2 puis la mettre dans la structure de votre site.
  4. Dans les fichier CSS déclarez votre nouvelle font puis l'utiliser comme d'habitude dans votre CSS.

example (Attention si chemin relatif sinon testez avec un chemin HTTP de vote site)

 @font-face {
    font-family: 'yesteryearregular';
    src: url('chemin_vers_vote_dossier_de_font/yesteryear-regular-webfont.woff2') format('woff2'),
         url('chemin_vers_vote_dossier_de_font/yesteryear-regular-webfont.woff') format('woff');
}

 H1 {
    font-family: 'yesteryearregular';
    font-size:30px;
}
Dernière modification : le 2023/05/09