• 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 2018 à 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 2018 à 11:10

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

    3
    Vendredi 23 Février 2018 à 12:54

    Tu me diras si tu arrives :) 

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    4
    Vendredi 23 Février 2018 à 13:46

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

      • Vendredi 23 Février 2018 à 14:09

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

      • Vendredi 9 Mars 2018 à 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 2018 à 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 2018 à 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 2018 à 12:30

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

    6
    Dimanche 18 Mars 2018 à 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 2018 à 13:54

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

    8
    Dimanche 18 Mars 2018 à 14:01

    Comment ça? 

    9
    Dimanche 18 Mars 2018 à 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 2018 à 19:48

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

      • Dimanche 18 Mars 2018 à 19:52

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

    11
    Mercredi 28 Mars 2018 à 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 2018 à 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 :) 

    12
    Samedi 29 Décembre 2018 à 13:36

    C'est génial ! depuis le temps que j'ai envie d'avoir des polices un peu plus.. originales ! je vais essayé dès que je peux ! merci Snowy ;) 

      • Samedi 29 Décembre 2018 à 19:23

        De rien, j'espère que tu vas réussir à faire le codage sans soucis avec mes explications. Mine de rien, c'est un code hyper pratique. Depuis que je le connais, je m'en sers tout le temps :) 

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter