AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


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

    Partagez
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le 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 Very Happy

    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
    avatar
    Pocky'Mosh
    FémininAge : 27Messages : 69

    le Sam 31 Déc 2011 - 13:42

    Merci o/ :friends:
    avatar
    Falcon
    MasculinAge : 22Messages : 106

    le Sam 31 Déc 2011 - 14:15

    Le code se met après la balise .
    avatar
    ESPERANCE™
    FémininAge : 24Messages : 6

    le Ven 6 Jan 2012 - 13:02

    Merci =).
    avatar
    shadowval
    MasculinAge : 20Messages : 132

    le Sam 7 Jan 2012 - 16:12

    Super merci !

    avatar
    Valar Morghulis
    MasculinAge : 22Messages : 872

    le Sam 7 Jan 2012 - 16:15

    Très serviable, merci Wink



    avatar
    Elijah
    FémininAge : 29Messages : 4

    le Dim 8 Jan 2012 - 12:48

    Bonjour ! j'aimerais beaucoup voir cette astuce !
    Merci d'avance !
    avatar
    Bleufi
    FémininAge : 22Messages : 311

    le Dim 8 Jan 2012 - 12:50

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



    avatar
    CN.June
    FémininAge : 54Messages : 314

    le Dim 8 Jan 2012 - 15:10

    Merchi Very Happy
    avatar
    Dreamzz
    FémininAge : 23Messages : 30

    le Mar 10 Jan 2012 - 23:18

    Merci (:



    Juliette, oh!
    avatar
    EthanHol
    FémininAge : 23Messages : 210

    le Dim 15 Jan 2012 - 13:40

    Merci !



    avatar
    titou9322
    MasculinAge : 21Messages : 158

    le Mer 18 Jan 2012 - 15:06

    merci
    avatar
    Lolymysay
    FémininAge : 21Messages : 11

    le Mer 18 Jan 2012 - 22:05

    Thank You ! x)
    avatar
    aurelia34
    FémininAge : 48Messages : 12

    le Mer 18 Jan 2012 - 22:46

    merci
    avatar
    Vesuke
    MasculinAge : 18Messages : 2

    le Jeu 19 Jan 2012 - 3:32

    Merci !
    avatar
    AliceW6
    FémininAge : 21Messages : 8

    le Ven 20 Jan 2012 - 18:05

    merci (:
    avatar
    TSO
    MasculinAge : 26Messages : 11

    le Lun 23 Jan 2012 - 21:22

    Merci Very Happy
    avatar
    Matris
    MasculinAge : 18Messages : 58

    le Mar 24 Jan 2012 - 1:51

    Merci !



    avatar
    りん
    FémininAge : 24Messages : 73

    le Jeu 26 Jan 2012 - 16:57

    I wanna see (:
    avatar
    Lineae
    FémininAge : 30Messages : 135

    le Jeu 26 Jan 2012 - 22:47

    Merci o/



    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 14:55

    merci
    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le 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
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le 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.
    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 16:11

    Oui merci beaucoup
    j'essaye de ce pas
    bise et encore merci
    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 16:24

    Sniff sa fonctionne pas
    j'ai mis comme tu as dit et sa fait rien chez moi
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le 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é


      La date/heure actuelle est Dim 23 Juil 2017 - 2:39