Comment puis-je importer des polices Web Google dans mon CSS sans accès HTML ?

Importation de polices Web Google dans des fichiers CSS sans accès HTML

Lorsque vous travaillez avec un CMS où vous avez un accès restreint au document HTML, il peut être difficile d'importer des polices Web Google. Cependant, il existe une méthode dans CSS qui vous permet d'y parvenir :

Méthode @import :

Utilisez la directive @import comme suit :

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

Remplacez « Open Sans » par le nom de la police souhaitée. Encodez en URL tous les espaces dans le nom de la police en ajoutant un signe " " entre chaque mot.

Considérations supplémentaires :

• Placez la directive @import en tout début de votre fichier CSS, avant toute règle.
• Utilisez le codage URL pour les polices avec plusieurs mots.
• Assurez-vous que la police est disponible à partir de Google Fonts.

Personnalisation de Google Fonts :

Google Fonts fournit une option automatisée pour générer la directive @import pour vous :

• Sélectionnez votre police.
• Cliquez sur l'icône " " à côté du nom de la police.
• Développez le conteneur "1 famille sélectionnée".
• Sélectionnez les options de personnalisation dans l'onglet "Personnaliser".
• Passez sur l'onglet "Intégrer" et cliquez sur "@import".
• Copiez le CSS dans le