Importation de polices Web Google dans des fichiers CSS
Lorsque vous travaillez avec des systèmes de gestion de contenu (CMS) où l'accès à l'en-tête du document est limité, l'importation Google Web Fonts directement dans le fichier CSS devient nécessaire. Voici comment y parvenir :
Utilisation de la méthode @import
La méthode @import vous permet d'importer des fichiers CSS externes dans votre fichier CSS. Pour importer une Google Web Font, utilisez la syntaxe suivante :
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');Remplacez "Open Sans" par le nom de la police souhaitée. Si le nom de la police comporte plusieurs mots, encodez-les en URL en ajoutant un signe " " entre chaque mot.
Placer la directive @import
Assurez-vous que le @import La directive est placée tout en haut de votre fichier CSS, avant toute règle de style.
Utilisation des polices Google API
Google Fonts fournit un moyen simple de générer la directive @import pour votre police. Choisissez la police souhaitée, cliquez sur l'icône ( ) et développez le conteneur « 1 famille sélectionnée ».
Dans l'onglet « Personnaliser », sélectionnez les options souhaitées. Dans l'onglet "Intégrer", cliquez sur "@import" sous "Intégrer la police". Copiez le CSS entre le