Bienvenue sur The Coding Blog

Bienvenue sur The Coding Blog

Nombre de vues

mercredi 2 juillet 2014

Ajouter des nouvelles polices de caractères sur votre site web avec CSS !

Vous voulez faire un site web original, mais les polices de caractères par défaut de CSS ne vous tentent pas ? Ne vous inquiétez pas, vous pouvez importer vos propre fichier .ttf (.ttf = fichier police de caractères.) et les insérer dans votre code CSS.
  1. Téléchargez votre ou vos police de caractères sur des sites comme Dafont —  font-police.com  1001 Free Fonts  Google Font.
  2. Placez votre fichier .ttf dans le répertoire parent de votre site web.
  3. Maintenant, nous allons rendre utilisable le .ttf dans le code HTML, pour cela nous allons écrire un petit code que nous allons insérer dans le code CSS de votre site.
Le code que vous devez écrire est :

@font-face {
    font-family: "Nom que vous voulez donner à votre police";
    src: url("endroit_ou_est_placé_votre/police.ttf");
}

Vous pouvez ensuite l'utiliser comme cela :

p {
    font-family: "Nom que vous avez donné à votre police";
}

Votre police est maintenant en place sur votre site !

Simple, non ?

Si vous avez un problème pour l'utilisation d'une police personnalisée, laissez un commentaire et nous pourrons ainsi vous aider.