18043 sujets

Questions générales et questions de débutants

[Résolu] Télécharger une police personnalisée

Bonjour à toutes et à tous,

Télécharger une police personnalisée

Je veux utiliser Fontsquirrel.
Sur développez.com, on conseille :
Dans le cas du fichier tff, il suffit de cliquer sur « Add Fonts » et d'aller chercher le fichier tff :
Problème, je ne vois pas Add Fonts ni fichier tiff.

Sur le site du zéro, on conseille :
Pour tester le fonctionnement, je vous propose de télécharger une police sur Font Squirrel, par exemple Learning Curve Pro. Cliquez sur « @font-face Kit », cela vous permettra de télécharger un kit prêt à l'emploi avec tous les formats pour cette police.
Je peux télécharger Learning Curve Pro mais, je ne comprends pas Cliquez sur « @font-face Kit », cela vous permettra de télécharger un kit prêt à l'emploi avec tous les formats pour cette police.

Je veux télécharger un kit prêt à l'emploi avec tous les formats pour Learning Curve Pro.
Comment faire ?

Avec mes remerciements
Cordialement
Papy
Modifié par Jean Sympa (23 Jun 2015 - 15:38)
Bonjour,

du progrès

J'ai découvert cet article :
Add Fonts to Your Site With FontSquirrel
https://www.ostraining.com/blog/coding/fontsquirrel/
Dans FontSquirrel, quand on a sélectionné une police, on clique dessus.
Il apparaît la barre :
Specimens TestDrive Glyphs License Webfont kit et,
en bas de l'écran : Download@Font-faceKit.

Je n'ai pas Winrar, j'ai 7-Zip. A la décompression, j'ai les fichiers :

web fonts
Blue Vinyl li
How_to_use

Je ne vois pas les fichiers des polices.
Que faut-il faire pour enregistrer les fichiers des polices dans le dossier qui contient le CSS ?

Cordialement
Papy
Bonjour,
Le problème est résolu

J'ai consulté :

Add Fonts to Your Site With FontSquirrel
Click on Webfont Kit remplacé par Cliquer sur la police

https://www.ostraining.com/blog/coding/fontsquirrel/

J'ai rencontré une difficulté, après avoir sélectionné une police : Learning currve pro,
dans mon exemple. Il m'a fallu cliquer à plusieurs reprises avant de voir apparaître
le bouton Download@Font-face.

Dans le fichier compressé, j'ai extrait les fichiers du dossier Web fonts.
Ensuite je me suis reporté à l'article :

Apprenez à créer votre site web avec HTML5 et CSS22
-22 Formatage du texte
-Utiliser une police personnalisée avec @font-face
http://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3s.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3

J'ai pu afficher la police Learning curve pro et constaté que la procédure était simple

Cordialement
Papy
Sujet clos
Aller à