Comment importer des polices Web Google dans votre fichier CSS ?

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

Considérations supplémentaires

Si vous avez plusieurs polices à importer, combinez-les en une seule directive @import pour améliorer les performances.

N'oubliez pas de vérifier le contrat de licence de police de Google avant d'utiliser une police spécifique pour garantir sa conformité.

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!