Méthode avec addFontFace et Google Fonts
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre les méthodes pour incorporer des polices personnalisées sur une page web.
- Utiliser la directive addFontFace pour intégrer des polices.
- Exploiter le site FontsSquirrel pour la conversion des fichiers de polices.
- Utiliser Google Fonts comme une alternative pratique.
Résumé
Apprenez à intégrer des polices atypiques dans vos pages web en utilisant les directives addFontFace et les Google Fonts.
Description
Dans cette leçon, nous explorons comment incorporer des polices inhabituelles dans une page web, en contraste avec les polices classiques telles que l'Arial, l'Helvetica, et le Times. Nous débutons par la méthode officielle du W3C utilisant la directive addFontFace, qui nécessite quatre types de fichiers de police (.ttf, .eot, .vof, et .svg). Pour simplifier ce processus, le site FontsSquirrel propose un service de conversion de polices et fournit une feuille de style adaptée.
Ensuite, nous téléchargeons une police complète en utilisant FontsSquirrel, la décompressons, et l'incorporons dans notre dossier de travail. Après avoir configuré les chemins appropriés dans notre feuille de style, nous modifions nos sélecteurs CSS pour utiliser la nouvelle police. La deuxième méthode, que nous abordons plus brièvement, concerne l'utilisation des Google Fonts, une alternative pratique offrant une large variété de polices. En suivant cette leçon, vous serez capable de donner un aspect plus personnalisé à vos pages web.
Questions fréquentes
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Dommage.