Modifier la police du site | Skod - Solution SaaS de plateforme de consultation en ligne
Title

Modifier la police du site

Paragraphe
Texte

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.

intégrer police via CSS

 

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.

Catégorie