La police fait partie intégrante de la conception Web, donnant au site un style distinctif. Un texte de haute qualité sur la page doit avoir l'air harmonieux, être combiné avec le reste des éléments du site et en même temps contribuer à une meilleure perception de l'information. À l'aide du balisage HTML et des tables en cascade CSS, vous pouvez personnaliser presque tous les paramètres pour optimiser les performances de la page.
Nécessaire
fichier de police au format TTF
Instructions
Étape 1
Pour utiliser un ensemble de polices installées sur votre ordinateur, vous pouvez utiliser le paramètre font-family des feuilles de style en cascade. Pour cela, saisissez le code suivant pour l'article souhaité:
Texte
Cette commande affichera l'en-tête h2 de deuxième niveau dans la police Arial.
Étape 2
Si vous souhaitez utiliser votre propre police, vous devez d'abord la télécharger sur l'hébergement et l'activer à l'aide de la commande appropriée. Les fichiers TTF sont inclus avec la commande suivante:
L'attribut font-family dans ce cas spécifie le nom de la police, et src: url (font.ttf) spécifie le chemin d'accès au fichier TTF.
Étape 3
Après avoir activé l'élément, vous pouvez l'utiliser pour afficher du texte:
Texte
Cette commande est chargée d'afficher la police de caractères requise en italique dans l'en-tête du deuxième niveau. Si le navigateur de l'utilisateur ne prend pas en charge la gestion des fichiers TTF, la police système spécifiée après la première virgule (dans ce cas, Verdana) sera utilisée.
Étape 4
Certains navigateurs ne prennent pas en charge le TTF téléchargeable. Par exemple, Internet Explorer 8 utilise le format EOT pour afficher du texte. Pour ces navigateurs, convertissez le TTF d'origine à l'aide de plusieurs services et incluez la police de caractères résultante dans le paramètre @ font-face de la même manière.
Étape 5
Si vous souhaitez importer le fichier dont vous avez besoin depuis une autre ressource, utilisez la commande @import, qui doit être écrite en haut du document CSS:
@import url (https:// font_address)
