CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Utilisation des Polices Google Fonts pour le Web

Retour à la formation
Chapitre 4 Leçon 2
Précédent
Suivant

Découvrez comment enrichir votre site web en utilisant des polices Google Fonts gratuites grâce à des librairies connectées.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons la méthode d'intégration des typographies Google Fonts, offertes gratuitement par Adobe en collaboration avec Google, dans vos pages web. Cette technique, qui nécessite une connexion internet, permet de diversifier la palette typographique de votre site web sans avoir à embarquer physiquement les polices avec vos médias. Vous apprendrez à sélectionner et appliquer ces polices via Edge, et comprendrez le rôle du script ajouté à votre page HTML qui invoque la typographie lors de l'affichage dans le navigateur. En suivant cette leçon, vous serez en mesure de :

  • Sélectionner et filtrer différentes familles de typos disponibles.
  • Intégrer les polices sélectionnées dans vos pages web.
  • Comprendre le fonctionnement du script d'invocation des typographies.

Enfin, nous soulignerons les points essentiels à vérifier pour que les polices soient correctement visibles sur votre site web, ainsi que les solutions en cas de latence due au chargement des typos.

Objectifs de cette leçon

Les objectifs de cette vidéo sont les suivants :

  • Apprendre à intégrer des polices Google Fonts dans des pages web.
  • Comprendre le fonctionnement des librairies de typos connectées.
  • Optimiser l'affichage typographique de votre site web.

Prérequis pour cette leçon

Les prérequis pour cette vidéo incluent :

  • Des connaissances de base en HTML et CSS.
  • Une connexion internet pour accéder aux librairies de polices.
  • L'utilisation d'un éditeur de texte pour modifier les pages HTML.

Métiers concernés

Les professionnels qui bénéficieraient de ce sujet incluent :

  • Les web designers désirant enrichir leurs créations typographiques.
  • Les développeurs front-end cherchant à améliorer l'esthétique et la lisibilité des sites qu'ils conçoivent.
  • Les intégrateurs web souhaitant diversifier leur palette typographique sans alourdir les pages.

Alternatives et ressources

En alternative aux Google Fonts, vous pouvez considérer :

  • Adobe Fonts, qui offre une large gamme de polices sous licence.
  • Fonts.com pour des polices commerciales et libres de droits.
  • Utiliser des polices locales hébergées sur votre propre serveur.

Questions & Réponses

Une librairie de typographie connectée est un service qui permet d'utiliser des polices externes, comme Google Fonts, en les intégrant directement via internet sans les héberger localement.
Le script ajouté dans la page HTML invoque la typographie choisie lorsque la page est affichée dans un navigateur, assurant ainsi que la police est correctement rendue.
La latence lors du chargement des typographies peut être due au temps nécessaire pour télécharger les polices depuis les serveurs externes de Google Fonts.