• Installer sa propre police sur son blog

    Salut tout le monde!

    Beaucoup de personnes se demandent comment installer une police extérieure à eklablog sur son blog. C'est donc pour cela que je vous écris cet article.

    Installer sa propre police sur son blog

    Je tient a dire que cette technique m'as été expliquée par Lazulie et Lila. Tout ce tuto sera sous forme d'exemple avec des screnshots etc... Survolez les images pour + d'infos et cliquez sur les images pour voir + grand.

    Etape 1 : Trouver sa police

    Alors moi j'utilise  Dafont, une appli de polices libres de droit à télécharger.  Alors moi je vais prendre par exemple la police "Ducelin"

    Présentation dans la liste des polices  

    Et quand j'appuie sur la page de l'écriture je vois l'écriture de chaque lettre en majuscule et en minuscule, les chiffres et les caractères spéciaux.

    Page avec les caractères

     

    Etape 2: Télécharger la police sur son ordinateur

    C'est pas bien méchant il suffit juste d'appuyer sur le petit bouton télécharger .

     

    Etape 3: Télécharger la police sur son compte Eklablog

    Après avoir télécharger la police pensez à ouvrir le fichier! Car ce n'est pas un fichier que vous avez télécharger mais un virus ahaha! (Non mais je blague! Si j'avais téléchargé un virus mon ordi serait mort depuis longtemps!) Non sérieux c'est un dossier.

    Fichiers dans le dossier de la police

     

    Ben oui c'est bien mais quel fichier est le bon? Vous voyez celui nommé "ducelin.otf"? Eh bien c'est celui là le bon! L'autre contient un message du créateur de la police. Donc en gros pour vous le fichier qui est forcément le bon c'est un fichier sous le format "nomdelapolice.otf" ou "nomdelapolice.ttf". 

    Donc vous prenez votre fichier que vous télécharger sur votre compte Eklablog. Pour le télécharger il faut cliquez dans la menubar dans Contenu > Gérer les fichiers

    Vous avez juste à  appuyer sur le bouton télécharger.

     

    Etape 4: Rendre votre police utilisable 

    Eh oui après avoir fait tout ça il faut ajouter du CSS pour la rendre utilisale!

    Le code:  @font-face {font-family"NOM DE LA POLICE";
    srcurl('URL DU FICHIER');}

    Vous allez me dire "mais où on trouve ses infos?" Eh bien on le trouve dans la médiathèque!

    Alors sur la 1ere ligne il y a le nom de la police et sur la 2eme ligne l'adresse du fichier Alors sur la première ligne c'est le nom de la police et sur la 2eme c'est l'url du fichier.

     

    Pour récapituler:

    • On trouve la police sur un site de téléchargement de police
    • On la télécharge. On prends le bon fichier.
    • On la mets dans sa médiathèque eklablog.
    • On insère le code CSS. 
    • Notre police est prête d'utilisation!

     

    Voilà j'espère que tout est clair. Sinon dites le moi en commentaire. 

    J'espère que ce tuto vous a plus. 
    A très vite!

    Ella.

     

    Pin It

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :