• Installer une police et l'utiliser

    Dans cet article, voyons comment personnaliser les titres ou la police de texte de notre blog.
    1> Installation
    2> Codage pour l'utiliser sur différentes parties.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

              I N S T A L L A T I O N           

    Vous allez sur votre site de police (personnellement, j'utilise Dafont) et recherchez la police de votre choix. Une fois fait, vous cliquez sur "Télécharger".
    Installer une police et l'utiliser
    Installer une police et l'utiliser

    Vous ouvrez le fichier .zip, et cette étape est très importante ! Sinon, votre code ne fonctionnera pas. Pour ça, il vous faut un logiciel de dézippe tel que WinZip ou WinRar. Apèrs ça, vous avez un fichier .otf ou .ttf sur votre ordinateur.

    Ensuite, vous vous connectez sur votre blog, puis allez sur Contenu > Gérer les fichiers > et vous uploadez le fichier .otf ou .ttf.Installer une police et l'utiliser

     

    Maintenant, vous allez taper sur votre fenêtre d'ajout de CSS ce code :
    @font-face {font-family: "NOM DE POLICE";
        src: url('URL DE POLICE');}

     @font-face {font-family: "NOM DE POLICE";
        src: url('URL DE POLICE');}

     


    L'url de la police est à copier au préalable sur la fenêtre de gestion des fichiers.
    Installer une police et l'utiliser
    Installer une police et l'utiliser

              U T I L I S A T I O N         

    Maintenant que vous avez installé votre police, vous pouvez l'utiliser, mais pas n'importe comment. Il faut savoir que la nom que vous allez donner à votre police dans le champ "NOM DE POLICE" sur le code précédent est à entrer EXACTEMENT pareil sur les autres codes que l'on va mettre.

    Voici la propriété pour mettre une police spécifique :


    {font-family:NOM DE POLICE;}

     

    Voici les endroits (non-exhaustif) que l'on peut modifier avec.

    GÉNÉRAL
    Tout le texte du blog  #body
    Liens a, a:hover 

     

    HEADER
    Titre du blog #titre_header a 
    Slogan #slogan_header 
    Menu du header #menu, #menu a

     

    MENUS
    Menus entiers #menu1, #menu2
     Titres des menus #menu1 .module_menu_titre
    #menu2 .module_menu_titre
      
     Contenu des menus  #menu1 .module_menu_contenu
    #menu2 .module_menu_contenu
     

     

    CONTENUS
    Titres des contenus . module_titre_contenu,
    .module_titre_contenu a p,
    .module_titre_contenu a
    Contenu .module_contenu

     

    COMMENTAIRES
    Contenu du comm' .commentbody
    Pseudo .commentpseudo, .commentpseudo a
     Numéro de comm' .commentnumber  
     Date  .commentdate 

     

    Voilà, c'est à peu près tout. Bien évidemment, vous pouvez modifier la police de tout et n'importe quoi, mais voilà en gros.
    Pour avoir tous les détails de propriétés par rapport à la police, cliquez ici.


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :