• Changer la police d'écriture avec le CSS

    En voilà un titre d'article bien long mais qui résume bien ce que je vais vous expliquer à présent. Avec Eklablog, vous avez la possibilité de changer la police d'écriture de votre blog. Bon, ok, on est d'accord que les polices proposées par la plateforme sont assez basiques et peu variés. Si vous voulez mettre un peu de grain de folie dans votre blog, comme par exemple mettre une police un peu particulière pour le titre de votre blog sur le header, et bien, cela est possible. 

    Je vais donc vous expliquer comment faire. 

    Tout d'abord, vous devez vous rendre sur ce site : https://www.dafont.com/fr/. Vous y trouverez forcément votre bonheur en terme de police. Une fois que vous avez trouvez le style de police que vous recherchiez, vous la téléchargez. Attention, les fichiers sont en ZIP, vous devez extraire leur contenu. Peu importe où vous stockez ces polices sur votre ordinateur.

    Ensuite, sur Eklablog, vous allez sur votre blog et vous allez dans: "Contenu"→"Gérer les fichiers"→"Uploader un fichier". Là, vous sélectionner votre police qui sera donc disponible dans vos fichiers sur votre blog.

    Après, vous vous rendez dans l'interface pour modifier les codes CSS et vous mettez ce code: 

     

    @font-facefont-family"Nom_De_Police";  
        
       srcurl('url de votre police');    
    }

     

    Les éléments en vert sont ceux que vous devez changer. Pour l'url de votre police, il vous suffit de retourner dans "Gérer vos fichiers", de cliquer sur la police et d'en copier l'url que vous collerez à l'emplacement que je viens de vous indiquer.

    Si vous voulez changer la police du titre de votre blog, il vous suffira de mettre ce code-ci:

     

    #titre_header {
        font-familyNom_De_Police;
        }

     

    Ce qui est en vert doit être changer selon le nom que vous avez donné, dans le code précédent, à votre police.

    Voilà! J'espère avoir été clair et que ce petit tuto vous aidera à personnaliser un peu plus votre blog pour ceux qui le souhaite.

    Si vous voulez un article sur un sujet précis de codage CSS, mettez en le commentaire. En ce qui concerne les questions, je reste à votre disposition.

    Changer la police d'écriture avec le CSS


    Tags Tags : , , , , , , , , ,
  • Commentaires

    1
    Vendredi 23 Février à 00:57

    J'ai beau avoir suivit à la lettre, je n'ai pas l'impression que ça fonctionne... Je crois pourtant savoir où se trouve mon problème : qu'entends-tu par "extraire leur contenu" d'un fichier ZIP ?

    2
    Vendredi 23 Février à 11:10

    Tu reçois le fichier compressé, tu fais clic droit dessus et tu sélectionnes "extraire ici". 

    3
    Vendredi 23 Février à 12:54

    Tu me diras si tu arrives :) 

    4
    Vendredi 23 Février à 13:46

    Hum... Non, toujours pas. >_<

      • Vendredi 23 Février à 14:09

        Oh... je ne sais pas trop comment t'expliquer... avec des captures d'écran peut-être? 

      • Vendredi 9 Mars à 22:28

        Si tu es sur Windows, tu drag le fichier otf ou ttf  (normalement si on clique dessus on a répétitivement 'the quick brown fox jumps over the lazy dog' en tailles différentes) dans un fichier hors du zip.

      • Vendredi 9 Mars à 23:37

        Lone Cloud... Tu sais très bien que je ne sais pas lire le chinois voyons ! Et, heu... ça donne quoi en français ? oops

      • Vendredi 9 Mars à 23:43

        Euh, j'ai bien écrit en français non ? -_- -_- no

        Bon !

        Tu ouvres le fichier zip en le cliquant (bon je suis sur windows 8 et j'ai un laptop mais on s'en fout un peu), tu glisses le fichier ttf ou otf dans un autre dossier (téléchargements par exemple), et tu as le fichier ttf séparé du reste.

        Si ça c'est du trunyxd pour toi, no

    5
    Dimanche 18 Mars à 12:30

    Et, juste, comment on fait pour avoir l'URL de la police ? ._. J'y arrive pas.

    6
    Dimanche 18 Mars à 13:44

    Tu vas dans "gérer les fichiers" et tu cliques sur le fichier de police que tu as uploader. Tu verras apparaître un lien. 

    7
    Dimanche 18 Mars à 13:54

    Juste, je mets la police en question mais elle ne correspond pas... Comment ça se fait ? 

    8
    Dimanche 18 Mars à 14:01

    Comment ça? 

    9
    Dimanche 18 Mars à 14:04

    Je prends la police "Pacifico", je la met pour mon titre de blog, et la police ne correspond pas à celle que j'ai pu voir sur Dafont. 

    10
    Dimanche 18 Mars à 19:48

    ça doit être une erreur de codage sûrement... 

      • Dimanche 18 Mars à 19:52

        Tu es sûre d'avoir décoché la case 'police' ?

    11
    Mercredi 28 Mars à 21:59

    Merci pour cet astuce, je voulais justement faire ça pour un de mes blogs mais je savais plus comment ça tombe bien ! 

      • Mercredi 28 Mars à 22:02

        J'ai moi-même du mal à toujours me souvenir de cette astuce. Au moins, si tu l'oublies à nouveau, tu sais où la retrouver :) 

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :