L'importation de polices Web Google dans des fichiers CSS peut améliorer l'esthétique de votre site Web. Cependant, l'absence d'accès direct à la zone
dans certains environnements CMS peut sembler limitante. Néanmoins, il existe une solution pour intégrer de manière transparente ces polices dans votre fichier CSS.La directive @import s'avère être une méthode efficace pour importer des polices Web Google. Par exemple, pour inclure la police « Open Sans » dans votre fichier CSS, utilisez la syntaxe suivante :
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');N'oubliez pas de remplacer « Open Sans » par le nom de police souhaité. Si le nom de la police est composé de plusieurs mots, encodez chaque mot avec un signe plus ( ), comme indiqué dans l'exemple ci-dessus.
Positionnez la directive @import au début de votre fichier CSS, avant d'implémenter des règles. Google Fonts propose une méthode automatisée pour créer la directive @import. Sélectionnez simplement une police, cliquez sur l'icône ( ) et développez le conteneur « 1 famille sélectionnée ».
Accédez à l'onglet « Personnaliser » pour affiner vos options, puis passez à l'onglet « Intégrer ». Sous « Intégrer la police », sélectionnez « @import ». Copiez le CSS affiché dans le champ