Comment puis-je intégrer des polices Web Google dans CSS sans accéder au `` ?

Intégrer les polices Web Google dans CSS sans modifier l'en-tête

L'importation de polices Web directement dans un fichier CSS est une solution pour personnaliser les pages Web au sein un CMS où l'accès direct à l'en-tête du document n'est pas disponible. La méthode @import fournit un moyen d'y parvenir :

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

Ici, "Open Sans" est la police importée, alors remplacez-la par votre choix préféré. Pour les noms de police comportant plusieurs mots, codez-les à l'aide du symbole, comme illustré ci-dessus.

Pour garantir une mise en œuvre correcte, placez l'instruction @import au début de votre CSS, avant toute autre règle.

Google Fonts offre un moyen simplifié de générer la directive @import nécessaire. Après avoir sélectionné une police, cliquez sur l'icône ( ) et accédez à « Intégrer ». Choisissez l'option "@import" sous "Intégrer la police" et copiez le CSS entre le