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.


    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement?

    Eiv
    Eiv
    MasculinAge : 24Messages : 505

    le Ven 30 Juin 2017 - 20:11



    Comment utiliser n'importe quelle police d'écriture facilement ?


    Le résultat n'est pas aussi lisse et peut avoir quelques déformations en comparaison de la police d'origine.
    Ce format consomme plus de ressources, privilégier l'hébergement pour les grands volumes textes et les utilisations répéter.



    Alors le tutoriel va être rapide et court, car c'est particulièrement simple, mais il fallait le savoir.

    Étape 1: La Base

    Tout d'abord, il vous faut une police d'écriture, nous nous prendrons ANXIETY. Une police simple et géométrique au format .ttf, mais les autres formats fonctionne tout autant. [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? KWxFeaF

    Étape 2: Paramétrage  


    On va se rendre sur un site qui va convertir notre fichier en un format BASE64 que l'on ajoutera dans le CSS dans votre forum qui sera lisible par votre navigateur. J'utilise personnellement Transfonter, mais vous pouvez aussi utiliser FontSquirrel Generator. Mais par soucie de facilité on usera de :Transfonter.

    Vous allez d'abord paramétrer les options ainsi: (les autres options n'ont pour nous aucune utilité pour nos objectifs.
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? WamtHfK
    La disquette
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? Et4j6Q1  vous servira a sauvegarder vos paramètres pour une utilisation future.


    Étape 3: Convertisage


    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? OwUMvwa

    On va maintenant cliquer sur[TUTO] Comment utiliser n'importe quelle police d'écriture facilement? NJrDW2y et aller sélectionner notre petit fichier de police[TUTO] Comment utiliser n'importe quelle police d'écriture facilement? KWxFeaF
    (Je ne vais pas vous faire l'offense de vous expliquer comment aller chercher un fichier)

    La police apparaît alors ici:
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? I0uZsEX

    Et vous n'aver plus qu'a cliquer sur[TUTO] Comment utiliser n'importe quelle police d'écriture facilement? 0eZgdzB puis télécharger votre kit en cliquant sur[TUTO] Comment utiliser n'importe quelle police d'écriture facilement? DGoe2eB.

    Étape 4: Application dans le css


    Vous avez téléchargé un Zip a l'étape précédente, dedans vous trouverez un fichier comme ceci:[TUTO] Comment utiliser n'importe quelle police d'écriture facilement? YVCo9b9

    Ouvrez-le avec un éditeur texte (notepad++ personnellement)
    Vous y trouverez cela:
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? 4Z2ozqb

    Vous n'avez plus qu'à le copier dans votre CSS, trouvable dans : Affichage  > Couleurs > Feuille de style CSS.

    Étape 5: Exemple


    Avec cela vous pourrez ainsi faire de joli titre de sujet ou même dans l'aspect du graphique MAIS toujours avec modération.
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? 8Rzp8oA



    Dernière édition par Eiv le Mer 13 Fév 2019 - 22:18, édité 2 fois



    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? Signautopia
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? 472020userbarfanclubdelenthil
    Angie H.-Carter
    Angie H.-Carter
    FémininAge : 35Messages : 718

    le Ven 30 Juin 2017 - 20:35

    Merci beaucouppour ce tuto *-* c'est magique un gros gros coup de coeur!!!!



    Your my brillant! You shine into the darkness and you guide me in my life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    Rozenbrez
    Rozenbrez
    FémininAge : 27Messages : 1383

    le Sam 1 Juil 2017 - 15:05

    Merci pour le tuto. Very Happy Très intéressent et peut-être plus facile à utiliser que le google-font.

    Arkaline
    Arkaline
    FémininAge : 28Messages : 188

    le Sam 13 Jan 2018 - 19:06

    Merci mon cher Zérooooooooooos! Euh, Eiv Very Happy



    Arkaline
    Arkaline
    Arkaline
    FémininAge : 28Messages : 188

    le Sam 9 Fév 2019 - 15:53

    Tristesse :ouin: Le lien de l'image est mort !

    Eiv, sauve nouuuuuuuus !!!!

    pirat



    Arkaline
    Eiv
    Eiv
    MasculinAge : 24Messages : 505

    le Mer 13 Fév 2019 - 22:18

    Voilà, désolé de pas l'avoir fait avant .... j'avais déménager pile ce jour là ^^


    PS: D'AILLEURS !!! sans vouloir faire son rabats joie mais j'attend toujours sa validation Shocked


    Dernière édition par Eiv le Mer 13 Fév 2019 - 22:21, édité 1 fois



    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? Signautopia
    [TUTO] Comment utiliser n'importe quelle police d'écriture facilement? 472020userbarfanclubdelenthil
    Arkaline
    Arkaline
    FémininAge : 28Messages : 188

    le Mer 13 Fév 2019 - 22:20

    Merci Eiv !

    Tu assures =D



    Arkaline
    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Mai 2019 - 5:49