Avoir d'autres polices que celles de bases (Google font)

Sam 3 Déc 2011 - 21:50

echoo.

Age : 29Messages : 32

Sam 3 Déc 2011 - 21:50

Rappel du premier message :

Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
Lien pour comprendre pourquoi le contenu n'est pas sous hide

Bonjour à tous (: Voici mon premier tutoriel de toute ma vie (oui oui) alors j'espère que je vais m'en sortir et que vous comprendrez tout bien. xD

Vous en avez marre de n'avoir que les polices classiques Arial, Verdana, Tahoma et autre Georgia pour créer vos belles fiches administratives, votre page d'accueil (ou n'importe quel topic sur votre forum) ? Voilà un tutoriel rapide et simple (mais qui m'aura coûté quelques heures de recherches xD) pour avoir des polices d'écriture originales.

L'astuce pour avoir de belles polices :
๑ Tout d'abord, rendez vous sur le site de Google Font et choisissez parmi le grand nombre de polices celle que vous voulez installer sur votre forum.
๑ C'est bon, vous avez trouvé votre police? Cliquez alors sur « Quick-use » en bas du cadre.
๑ Dans le cadre 1, choisissez le style que vous voulez (normal, italic, ..).
๑ Descendez jusqu'au cadre 3 « Add this code to your website. » Sélectionnez le code, faîtes copier (Ctrl+C), -ne fermez pas la page!- puis allez sur le panneau d'administration de votre forum, Affichage > Templates > Général > overall header.
๑Trouvez la balise

Code:

<head>

(au tout début du code), et coller (Ctrl+V) le code copié précédemment jusque après la balise .
๑ Enregistrer votre template, et n'oubliez pas de le publier! Et voilà, votre police est installé.
๑ Comment la mettre sur mon forum maintenant? C'est tout simple, retournez sur la page où vous avez copier le code de votre police, et descendez jusqu'au cadre 4 « Integrate the fonts into your CSS ». Vous y verrez le nom de votre police (: mettez-là alors dans vos posts directement, ou bien dans votre feuille de style css.
๑ Vous voulez installer une autre police? Aucun problème, suivez à nouveau les étapes, du début à la fin. (:

Et voilà! ♥ En espérant que ce petit tutoriel vous aura aidé, et qu'il vous aura évité de chercher pendant 3h eures quelque chose que l'on peut faire en 2 minutes (: Si vous avez un quelconque problème, n'hésitez pas à me le dire

Tutoriel par echoo.
Merci de ne pas redistribuer ce tutoriel sans mon autorisation.

Dernière édition par echoo. le Dim 29 Jan 2012 - 15:36, édité 1 fois

Sam 31 Déc 2011 - 13:42

Pocky'Mosh

Age : 33Messages : 69

Sam 31 Déc 2011 - 13:42

Merci o/

Sam 31 Déc 2011 - 14:15

Falcon

Age : 28Messages : 106

Sam 31 Déc 2011 - 14:15

Le code se met après la balise .

Ven 6 Jan 2012 - 13:02

ESPERANCE™

Age : 31Messages : 6

Ven 6 Jan 2012 - 13:02

Merci =).

Sam 7 Jan 2012 - 16:12

shadowval

Age : 26Messages : 134

Sam 7 Jan 2012 - 16:12

Super merci !

Sam 7 Jan 2012 - 16:15

Valar Morghulis

Age : 29Messages : 872

Sam 7 Jan 2012 - 16:15

Très serviable, merci Wink

Dim 8 Jan 2012 - 12:48

Elijah

Age : 36Messages : 4

Dim 8 Jan 2012 - 12:48

Bonjour ! j'aimerais beaucoup voir cette astuce !
Merci d'avance !

Dim 8 Jan 2012 - 12:50

Bleufi

Age : 28Messages : 311

Dim 8 Jan 2012 - 12:50

Ah, je cherchais cela depuis longtemps. Merci beaucoup ^^

Dim 8 Jan 2012 - 15:10

CN.June

Age : 24Messages : 315

Dim 8 Jan 2012 - 15:10

Merchi

Mar 10 Jan 2012 - 23:18

Dreamzz

Age : 30Messages : 30

Mar 10 Jan 2012 - 23:18

Merci (:

Dim 15 Jan 2012 - 13:40

EthanHol

Age : 30Messages : 218

Dim 15 Jan 2012 - 13:40

Merci !

Mer 18 Jan 2012 - 15:06

titou9322

Age : 28Messages : 158

Mer 18 Jan 2012 - 15:06

merci

Mer 18 Jan 2012 - 22:05

Lolymysay

Age : 28Messages : 11

Mer 18 Jan 2012 - 22:05

Thank You ! x)

Mer 18 Jan 2012 - 22:46

aurelia34

Age : 55Messages : 12

Mer 18 Jan 2012 - 22:46

merci

Jeu 19 Jan 2012 - 3:32

Vesuke

Age : 24Messages : 2

Jeu 19 Jan 2012 - 3:32

Merci !

Ven 20 Jan 2012 - 18:05

AliceW6

Age : 28Messages : 8

Ven 20 Jan 2012 - 18:05

merci (:

Lun 23 Jan 2012 - 21:22

TSO

Age : 33Messages : 11

Lun 23 Jan 2012 - 21:22

Merci

Mar 24 Jan 2012 - 1:51

Matris

Age : 24Messages : 58

Mar 24 Jan 2012 - 1:51

Merci !

Jeu 26 Jan 2012 - 16:57

りん

Age : 31Messages : 73

Jeu 26 Jan 2012 - 16:57

I wanna see (:

Jeu 26 Jan 2012 - 22:47

Lineae

Age : 36Messages : 135

Jeu 26 Jan 2012 - 22:47

Merci o/

Dim 29 Jan 2012 - 14:55

CathyCréation

Age : 44Messages : 207

Dim 29 Jan 2012 - 14:55

merci

Dim 29 Jan 2012 - 15:07

CathyCréation

Age : 44Messages : 207

Dim 29 Jan 2012 - 15:07

super le tuto
mais une tite question
C'est quoi la balise? car j'ai essayée et sa fonctionne pas

Dim 29 Jan 2012 - 15:36

echoo.

Age : 29Messages : 32

Dim 29 Jan 2012 - 15:36

Oh mince, j'avais oublié de le préciser. Je le modifie dans le premier topic, mais c'est juste après la balise

Code:: <head>

que tu dois mettre le premier code (:

edit: enfait, je l'avais bien précisé, mais je n'avais pas mis la balise "code", donc le "head" ne s'affichait pas! en espérant t'avoir aidé en tout cas.

Dim 29 Jan 2012 - 16:11

CathyCréation

Age : 44Messages : 207

Dim 29 Jan 2012 - 16:11

Oui merci beaucoup
j'essaye de ce pas
bise et encore merci

Dim 29 Jan 2012 - 16:24

CathyCréation

Age : 44Messages : 207

Dim 29 Jan 2012 - 16:24

Sniff sa fonctionne pas
j'ai mis comme tu as dit et sa fait rien chez moi

Dim 29 Jan 2012 - 16:35

echoo.

Age : 29Messages : 32

Dim 29 Jan 2012 - 16:35

arf mince. Tu as bien mis le code de la partie trois juste après la balise "head", et le code de la partie quatre dans ton css? (: Si tu mets par exemple :

Code:: .texte {font-family: 'nom de ta police';}

dans le topic de ton forum tu mets

Code:: <span class=texte>Blablabla</span>

, et ton texte sera de la police que tu as choisis (: je ne vois pas vraiment ce que je pourrais te dire de plus. :/

Contenu sponsorisé

Avoir d'autres polices que celles de bases (Google font)

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée