Introduction à la formation HTLM5 et CSS3
Les bases de la mise en page
La mise en page avancée
Autres sélecteurs et propriétés
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Les prérequis pour suivre cette vidéo incluent :
- Connaissances de base en HTML et CSS.
- Accès à un éditeur de texte et un navigateur web.
- Des notions de gestion de fichiers sur votre système d'exploitation.
Métiers concernés
L'incorporation de polices personnalisées est utile pour :
- Les développeurs web qui souhaitent améliorer l'esthétique de leurs projets.
- Les designers graphiques cherchant à utiliser des polices spécifiques pour des marques.
- Les spécialistes en UX/UI visant à créer des interfaces utilisateur esthétiques et cohérentes.
Alternatives et ressources
En plus de FontsSquirrel et Google Fonts, d'autres alternatives comprennent :
- Adobe Fonts qui offre une large collection de polices professionnelles.
- DaFont pour des polices gratuites et variées.
- Utiliser des polices auto-hébergées via @font-face en CSS.
Questions & Réponses
Je m'abonne