Comment puis-je importer des polices Web Google dans mes fichiers CSS sans accès direct à la tête ?

Importation de polices Web Google dans des fichiers CSS

Pour ceux qui travaillent sur des plates-formes CMS qui autorisent uniquement l'accès aux fichiers CSS sans manipulation du document principal, importez Google les polices Web peuvent poser un défi. Heureusement, il existe une solution via la méthode @import.

Utilisation de la méthode @import :

Pour importer la police souhaitée, utilisez simplement la règle @import dans votre CSS déposer. Par exemple :

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

N'oubliez pas de remplacer "Open Sans" par le nom de police de votre choix. Les URL contenant plusieurs mots nécessitent un encodage d'URL (en ajoutant un " " entre des mots comme "Open Sans").

Positionnez le @import au tout début de votre CSS, avant toute règle.

Google Fonts fournit un processus automatisé pour générer la directive @import. Après avoir sélectionné votre police et cliqué sur l'icône ( ), développez le conteneur « 1 famille sélectionnée » en bas à gauche. Ajustez les options dans l'onglet "Personnaliser", puis passez à "Intégrer" et cliquez sur "@import". Copiez le CSS entre les balises de style dans votre feuille de style.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!