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.


1 résultat trouvé pour Police

[TUTO] Comment utiliser n'importe quelle police d'écriture facilement? - 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.

É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.

La disquette
 vous servira a sauvegarder vos paramètres pour une utilisation future.


Étape 3: Convertisage



On va maintenant cliquer sur et aller sélectionner notre petit fichier de police
(Je ne vais pas vous faire l'offense de vous expliquer comment aller chercher un fichier)

La police apparaît alors ici:

Et vous n'aver plus qu'a cliquer sur puis télécharger votre kit en cliquant sur.

É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:

Ouvrez-le avec un éditeur texte (notepad++ personnellement)
Vous y trouverez cela:


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.


Revenir en haut

La date/heure actuelle est Sam 15 Déc 2018 - 19:33