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. Tag police sur Never Utopia - graphisme, codage et game design 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.
Tag police sur Never Utopia - graphisme, codage et game design WamtHfK
La disquette
Tag police sur Never Utopia - graphisme, codage et game design Et4j6Q1  vous servira a sauvegarder vos paramètres pour une utilisation future.


Étape 3: Convertisage


Tag police sur Never Utopia - graphisme, codage et game design OwUMvwa

On va maintenant cliquer surTag police sur Never Utopia - graphisme, codage et game design NJrDW2y et aller sélectionner notre petit fichier de policeTag police sur Never Utopia - graphisme, codage et game design KWxFeaF
(Je ne vais pas vous faire l'offense de vous expliquer comment aller chercher un fichier)

La police apparaît alors ici:
Tag police sur Never Utopia - graphisme, codage et game design I0uZsEX

Et vous n'aver plus qu'a cliquer surTag police sur Never Utopia - graphisme, codage et game design 0eZgdzB puis télécharger votre kit en cliquant surTag police sur Never Utopia - graphisme, codage et game design 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:Tag police sur Never Utopia - graphisme, codage et game design YVCo9b9

Ouvrez-le avec un éditeur texte (notepad++ personnellement)
Vous y trouverez cela:
Tag police sur Never Utopia - graphisme, codage et game design 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.
Tag police sur Never Utopia - graphisme, codage et game design 8Rzp8oA


Revenir en haut

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