Choisir la font
Cliquer sur ‘selected family’ (sur google font):
- 1– Méthode principale :
Selectionner et copier la partie de code correspondant a la font
(pas besoin de selectionner les liens de « preconnect »):
Copier le lien sur le head de HTML (traditionnellement au dessus du lien vers le css)
Dans le css, au niveau de font-family, coller le nom specifié sur le site d’où vient la font:
- 2– ON PEUT AUSSI:
cliquer sur @import
copier le code <style>
l’inserer (sans le <style> ) en toute première ligne du fichier CSS:
- 3-
télécharger la font
le placer dans un dossier « font » au niveau du projet
En haut du CSS, utiliser la règle font-face:
@font-face {
font-family: "Open Sans";
src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
/!\ : Pour l’extension .ttf , le format est « truetype »