Modifier la police du site
Dans le chapitre Créer une nouvelle page, est expliqué comment importer une feuille de style personnalisée.
En utilisant la méthode @import dans votre feuille de style, vous pouvez intégrer la police de votre choix.
Import de la police "Open sans" :
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
Remplacez "Open sans" par la police de votre choix. Si le nom de la police comporte plusieurs mots, encodez-le en URL en ajoutant un signe + entre chaque mot, comme je l'ai fait.
Assurez-vous de placer le @import tout en haut de votre CSS, avant toute règle.
Google Fonts peut générer automatiquement la directive @import pour vous. Une fois que vous avez choisi une police, cliquez sur l'icône (+) à côté. Dans le coin inférieur gauche, un conteneur intitulé "1 famille sélectionnée" apparaîtra. Cliquez dessus et il s'agrandira. Utilisez l'onglet « Personnaliser » pour sélectionner les options, puis revenez à « Incorporer » et cliquez sur « @import » sous «Incorporer la police ». Copiez le CSS entre les balises <style> dans votre feuille de style.
Comment cibler l'application par élément ?
Si vous souhaitez appliquer une police sur un élément en particulier, cela est possible via une règle CSS. Par exemple, pour appliquer une police sur les titres h1 de vos pages,
h1 { font-family: 'Open sans', sans-serif; }
Importation d'une police personnalisée
Pour toute demande d'importation d'une police d'écriture non disponible dans la bibliothèque gratuite de Google Fonts, merci de contacter le support technique.