-
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-face{ font-family: "Nom_De_Police";
src: url('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 a {
font-family: Nom_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.
Tags : police, blog, changer, fichier, codage, Snowy Emerald, CSS, changer police, dafont, Eklablog
-
Commentaires
Tu reçois le fichier compressé, tu fais clic droit dessus et tu sélectionnes "extraire ici".
Hum... Non, toujours pas. >_<
-
Vendredi 23 Février 2018 à 14:09
-
Vendredi 9 Mars 2018 à 22:28
-
Vendredi 9 Mars 2018 à 23:37
-
Vendredi 9 Mars 2018 à 23:43
Euh, j'ai bien écrit en français non ? -_- -_-
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,
-
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.
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.
ça doit être une erreur de codage sûrement...
-
Dimanche 18 Mars 2018 à 19:52
-
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
-
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
-
Vous devez être connecté pour commenter
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 ?