Commençons par cette leçon, analyser les polices, une partie fondamentale du contenu d’une page web. Voyons comment choisir la bonne police et la configurer pour le texte contenu dans notre page web.
Avant d’analyser en profondeur ce sujet, il est important de savoir que, même si vous disposez de polices très belles et décoratives, il vaut mieux ne pas les utiliser car les utilisateurs qui visiteront votre site, s’ils n’ont pas ce type de police dans le dossier fonts de Windows, ne la verront jamais, et le résultat sera l’affichage d’un très simple Times News Roman.
Cela dit, je résume brièvement que les polices à utiliser pour vos pages web doivent appartenir à ces catégories : -Verdana -Georgia -Arial -Sans-serif -Trebuchet MS -Courier -Times New Roman – Helvetica en gardant à l’esprit que la caractéristique principale de la police doit être la « lisibilité ».
Pour notre page index.html, nous utiliserons la police Verdana car très lisible et en même temps agréable. Nous définissons comme police principale pour notre page web « Verdana » en utilisant la nouvelle balise font face.
Voici donc en action la nouvelle balise : La balise font face utilise également une balise de fermeture.
Voyons maintenant comment insérer notre première ligne de texte dans notre page web : Voici mon premier texte Pour que le texte saisi soit en Verdana, il doit nécessairement être écrit entre les balises et .
Mais si un utilisateur n’a pas installé la police Verdana sur son PC… que faire ? Bonne question ! Il y a toujours une solution… insérons plusieurs types de polices dans la balise !
"verdana,arial,helvetica,courier">
Voici mon premier texte
Évidemment, la première police est Verdana, mais si l’utilisateur ne la voit pas, il verra le texte écrit en Arial… et ainsi de suite ! On fait un jeu ?
Utilisons tous les types pour voir l’effet qu’ils produisent sur notre page. Voici comment faire :
Voici mon premier texte Voici mon premier texte Voici mon premier texte Voici mon premier texte Voici mon premier texte Voici mon premier texte
Eh bien… c’était juste une façon d’expliquer mieux comment écrire la balise qui spécifie la police afin de comprendre l’ouverture et la fermeture.
Pubblicato in HTML & CSS
Soyez le premier à commenter