Appel de Police de caractère Online
Méthode 100% CSS [@import]
@import: charge la police Montserrat depuis Google Fonts directement dans le CSS.font-family: permet de déclarer la police.
Veuillez analyser le code suivant :
Comment utiliser Google Fonts pour intégrer une police ?
Voici une méthode simple pour expliquer aux débutants comment récupérer le code d’intégration depuis Google Fonts.
Exemple simple pour récupérer le code d’intégration
Accéder à Google Fonts : Rendez-vous sur Google Fonts.
Rechercher une police : Tapez « Montserrat » dans la barre de recherche.
Cliquez sur GET FONT
Cliquez sur GET EMBED CODE
Cliquez sur FULL AXIS
Par défaut c’est la méthode « <link> » qui est proposée. Veuillez sélectionner la méthode « @import »
Veuillez sélectionner la méthode « @import »
Voici de nouveau le PEN pour analyser le résultat.
Exercice
Recherchez et appelez la police « Gochi Hand ».
Bloqué ? Envie de vérifier ? Vous trouvez ici un exemple de l’attendu. Quoiqu’il en soit, ne quittez pas cette page sans avoir regarder le Pen suivant.
Alternative : méthode <link>
Il existe une seconde méthode qui utilise HTML et CSS. la voici à titre d’exemple. Libre à vous de la tester (ou pas).
Il faudra coller le code proposé par Google Font dans le HEAD du HTML
Puis dans le CSS
Note d’information
Veuillez noter que vous pouvez aussi héberger la police sur votre serveur. Le paragraphe suivant est juste pour infirmation. Ne pas reproduire.
