AccueilDernières imagesRechercherS'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.

Le Deal du moment :
Cartes Pokémon : la prochaine extension ...
Voir le deal

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

    Minishiro
    Minishiro
    FémininAge : 28Messages : 288

    Mer 19 Déc 2012 - 0:41

    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!

    Je me suis rendue compte que plusieurs forums ces jours-ci utilisent des polices qui sortent de l'ordinaire dans leurs designs. Le problème avec ces polices particulières, c'est que le codeur du thème doit sélectionner des polices alternatives au cas où le visiteur n'ait pas cette police installée sur son ordinateur. Ça gâche parfois l'effet que le codeur recherchait. Il existe toutefois une solution à ce problème qui garantit que tous les utilisateurs verront la police, peu importe celle que vous utiliserez. Voici un petit tutoriel rapide pour intégrer votre police directement dans votre site web/blog/forum.


    I. Trouver, télécharger et installer votre police

    Plusieurs sites sont à votre disposition pour ce faire, des sites où les polices sont gratuites et libres de droits pour les utilisations non-commerciales. En voici quelques uns:
    • DaFont
      Probablement le plus connu et le plus utilisé parmi les francophones car il offre un bon support des artistes et une interface en français.
    • Acid Fonts
      Plus utilisé que DaFont donc plus grande variété; bon support des artistes également et guides pour créer vos propres polices.
    • Abstract Fonts
      Un autre site avec un bon support, recherche aisée.
    • 1001 Fonts
      Le deuxième plus populaire dans le monde, jolie interface et beaucoup de variété.


    Il y en a de nombreux autres et ceux-ci ne sont que suggestions. Une fois que vous avez trouvé une police qui vous convient, il vous suffit de la télécharger. Certains fichiers seront compressé en .zip ou .rar et auront besoin d'être décompressés (jZip, Winrar, WinZip ou celui que vous avez déjà installé sur votre ordinateur (inclus sur Mac)). Une fois le fichier décompressé si nécessaire, il vous suffira de double-cliquer sur le fichier .ttf pour ouvrir l'assistant Windows et de cliquer sur «Installer» (veuillez prendre note qu'il vous faudra les droits d'administrateur pour se faire). La procédure est similaire sous iOS. Si vous recevez des messages d'erreur, c'est probablement que la police est déjà installée sur votre ordinateur.


    II. Héberger votre police

    Les hébergeurs supportant les fichiers .ttf sont malheureusement rares. Il y en a toutefois un qui le fait, il s'appelle Dropbox. C'est un logiciel gratuit, rapide et sécuritaire qui vous laisse héberger en ligne jusqu'à 2Go de contenu (abonnement possible jusqu'à 500Go). Non ce n'est pas une pub volontaire, c'est juste que dans ma recherche d'hébergeur de fichiers .ttf, je n'en ai pas trouvé d'autre. Sinon, si vous avez votre site personnel hébergé sur serveur, il y a de bonnes chances que celui-ci supporte les fichiers .ttf.
    Édit Onyx : Pour les utilisateurs de Archive-Host, oui il supporte les fichiers ttf.

    Bon, maintenant que vous savez comment et où l'héberger, voici comment vous allez récupérer votre police (Windows 7/Vista). Dans le menu Démarrer, vous accéderez au Panneau de configuration. Dans ce dernier, vous aurez le volet «Polices» (dossier avec une lettre A qui sort). Le temps de chargement sera plus ou moins long dépendant du nombre de polices sur votre ordinateur. À cet endroit, vous avez une liste de toutes les polices d'écriture installées sur votre ordinateur. Allez chercher la police que vous venez d'installer. Vous n'aurez qu'à copier/coller la police dans votre dossier Dropbox, sous-dossier Public.


    III. Installer votre police (CSS)

    Vous aurez évidemment besoin d'un lien dont l’extension est .ttf. Il vous faudra donc le lien direct vers votre fichier hébergé. Voici le code qu'il vous faudra intégrer dans le CSS de votre forum (PA > Affichage > Couleurs > Feuille de style CSS):
    Code:
    @font-face {
    font-family: nomdevotrepolice;
    src: url('urldevotrepolice.ttf');
    }

    Ensuite, pour utiliser cette police, il vous suffira d'utiliser son nom à la place du nom de n'importe quelle police normale, comme ceci:
    Code:
    .title {
    font-family: nomdevotrepolice;
    }


    En espérant que ça vous a plu et que ça vous sera utile! Si vous connaissez d'autres hébergeurs qui prennent le format .ttf, n'hésitez pas à partager. :)



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 WvHxu
    Crown
    Crown
    MasculinAge : 28Messages : 16

    Dim 7 Avr 2013 - 11:01

    Merci !



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 Sign_110
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Mer 10 Avr 2013 - 17:05

    merci !
    Cola
    Cola
    FémininAge : 25Messages : 81

    Ven 12 Avr 2013 - 22:07

    Merci =]



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 Signa_11
    L*
    L*
    FémininAge : 29Messages : 44

    Lun 15 Avr 2013 - 16:29

    Merci beaucoup :)
    choup'x
    choup'x
    FémininAge : 31Messages : 78

    Jeu 18 Avr 2013 - 17:35

    Merci Very Happy ça fait un moment que je cherche comment faire



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 Tumblr_majitxlccs1qcwaqao1_500
    November-PoWa
    November-PoWa
    FémininAge : 28Messages : 16

    Ven 19 Avr 2013 - 17:34

    merki
    miily-doud
    miily-doud
    FémininAge : 31Messages : 34

    Lun 22 Avr 2013 - 15:03

    Merci pour cette astuce =)
    Onigiri2a
    Onigiri2a
    FémininAge : 34Messages : 46

    Mar 23 Avr 2013 - 1:17

    Je veux bien ça :)
    Merci bien ! :)



    Sunshine.
    Sunshine.
    FémininAge : 26Messages : 18

    Dim 28 Avr 2013 - 22:08

    merci :)
    Glycérine
    Glycérine
    FémininAge : 35Messages : 308

    Mer 1 Mai 2013 - 19:21

    Thank you very much'




    Asphodèle
    Asphodèle
    FémininAge : 35Messages : 11

    Mer 1 Mai 2013 - 22:53

    Merci =)
    Mako
    Mako
    FémininMessages : 34

    Sam 4 Mai 2013 - 4:31

    merci !
    July05
    July05
    FémininAge : 31Messages : 35

    Sam 4 Mai 2013 - 23:18

    Merci !
    GotfalD
    GotfalD
    MasculinAge : 27Messages : 54

    Mar 7 Mai 2013 - 18:43

    Merci !



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 130519104311690148
    Zirconium
    Zirconium
    FémininAge : 33Messages : 11

    Mer 8 Mai 2013 - 2:13

    Merci
    Laega
    Laega
    FémininAge : 34Messages : 106

    Sam 11 Mai 2013 - 2:27

    merci pour le tutoriel ^^
    pinote20e4
    pinote20e4
    FémininAge : 31Messages : 66

    Sam 11 Mai 2013 - 3:53

    Merci d'avance! Very Happy
    Anéa
    Anéa
    FémininAge : 34Messages : 157

    Sam 11 Mai 2013 - 5:49

    Oh ça m'intéresse ça ! Merci ^^



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 305535lulupsdcopie
    Pastomaniac
    Pastomaniac
    FémininAge : 27Messages : 194

    Dim 12 Mai 2013 - 20:47

    Micii !



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 130813091054601890
    Cytrius
    Cytrius
    FémininAge : 23Messages : 233

    Jeu 16 Mai 2013 - 15:18

    Merci!
    Alexya
    Alexya
    FémininAge : 32Messages : 9

    Jeu 16 Mai 2013 - 23:33

    Merci !
    .Hunter
    .Hunter
    FémininAge : 26Messages : 1054

    Ven 17 Mai 2013 - 10:17

    Atte de voir ce petit tutoriel :)



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 Hunti10
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 19 Mai 2013 - 10:56

    Merci Minishiro ♥



    auteur_Minishiro -  Avoir d'autres polices que celles de bases (autres que Google Font) - Page 3 200412081714641513

      Merci Sparrow :3
    defenrir
    defenrir
    MasculinAge : 41Messages : 105

    Dim 19 Mai 2013 - 14:38

    merchi =)
    Tsukasa
    Tsukasa
    MasculinAge : 31Messages : 52

    Dim 19 Mai 2013 - 15:49

    Merci (:
    Contenu sponsorisé


      La date/heure actuelle est Ven 17 Mai 2024 - 5:53