J'ai été intéressé par la possibilité de faire télécharger une police au navigateur pour l'employer sur mon site, dans le tutoriel de Mathieu Nebra que j'ai lu on nous dis qu'on peut "télécharger un pack près à l'emploi pour CSS3" en cliquant sur "@font-face Kit" hors, je ne trouve pas ce bouton, quelqu'un pourrais me renseigner sur comment télécharger lesdits packs près à l'emploi ?
Merci à tous ceux qui ceux qui m’aideront.
OS : Cubuntu 16.04 LTS but :"apprendre juste pour savoir, pour comprendre" merci à tous ceux qui m'aideront
Excusez moi, j'oubliais de préciser que je parle ici du site fontsquirrel.com , d'où on devrait pouvoir télécharger un pack près à l'emploi pour CSS3...
Merci d'avance.
OS : Cubuntu 16.04 LTS but :"apprendre juste pour savoir, pour comprendre" merci à tous ceux qui m'aideront
@warpShadow : Je crois qu'il veut simplement télécharger une police depuis le site, pas générer un kit à partir de la sienne
@Baptiste02 : Lorsque tu cliques sur une police (sur l'image d'exemple), tu vas tomber sur la page détaillée de cette police. Dans le bandeau violet sous le nom de la police, clique sur "webfont kit". Tu trouveras normalement dans cet section un bouton bleu "Download @font-face Kit".
Si ce bouton n'est pas disponible, alors tu devras télécharger le fichier à ta disposition via le gros bouton bleu un peu plus haut, décompresser l'archive et l'envoyer grâce au lien que t'a donné warpShadow,pour pouvoir télécharger ton kit.
Attention cependant à toujours respecter les règles de licence propres à chaque police!
N'ayant pas réussi a obtenir de résultat j’avais laissé le sujet de côté...
Mais j'ai enfin compris pourquoi ça ne marchait pas !
Je tiens à signaler à tous ceux qui feraient l'erreur que sur le site fontsquirrel toutes les polices présentées ne sont pas toujours fournies avec le pack pour les sites web ("@font-face kit"), ce qui explique que pour certaines polices vous n'ayez pas la possibilité de télécharger ce pack... Vous devrez alors vous rabattre sur une police ressemblante...
Voilà... Mieux vaut tard que jamais...
Merci encore pour votre aide !
OS : Cubuntu 16.04 LTS but :"apprendre juste pour savoir, pour comprendre" merci à tous ceux qui m'aideront
Pour info, FontSquirrel n'a pas l'autorisation d'héberger les font-face kits de certaines polices, mais il suffit de télécharger la version ttf ou otf qu'ils fournissent, et de passer ensuite par leur moulinette de kit generator Nul besoin de chercher une autre police.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
j’interviens pour donner ma solution, on téléchargeant le pack @font-face kit j'ai découvert qu'il contient que les fichiers "LearningCurve_OT.otf"
et "LearningCurveDashed_OT.otf". D'après le cours sur OpenClassroom ".otf: OpenType Font. Ne fonctionne pas sur Internet Explorer" .
Dans mon cas, ne fonctionne non plus sur "googleChrome". Cependant la solution est d'intégrer le fichier qui porte une extension standard comme ".ttf" ou ".woff ".
Pour info, FontSquirrel n'a pas l'autorisation d'héberger les font-face kits de certaines polices, mais il suffit de télécharger la version ttf ou otf qu'ils fournissent, et de passer ensuite par leur moulinette de kit generator Nul besoin de chercher une autre police.
Merci, je bloque là dessus depuis des jours! Tout à coup je me sens moins stupide...espérons que ce ne soit pas qu'une impression
Bonjour, comme Baptiste02 j'ai mis un certain temps à comprendre que la police Learning Curve Pro n'est pas dispo en @font face kit contrairement à ce qui est indiqué dans le cours :
pensez a selectionner le mode expert et dans Font Formats vous cochez tous les formats.
Cochez ensuite agreement et vous pourrez enfin telecharger le kit.
ensuite vous copier/coller tous les elements du kit dans votre dossier (celui qui contient le index.html et style.css du cours)
vous ouvrez le nouveau fichier .css (stylesheet.css) avec Sublime Text 3 et enfin vous pouvez au choix copier le code présent dans votre style.css, renommer le stylesheet.css en style.css ou directement travailler le cours sur ce nouveau fichier mais en prenant soin de changer le <link href"style.css"> de votre fichier html en <link href="stylesheet.css">.
Voila j'ai peut etre tout faux mais j'espère que ca aidera.
+++
- Edité par FredericFournes 25 avril 2017 à 13:29:03
je viens de suivre les étapes de la dernière solution , cependant la police ne fonction pas, j'ai essayer en ouvrant avec firefox , microsoft edge mais c'est pareil
je ne comprend pas où le problème se trouve ? j'ai essayé avec d'autre kit de typo mais rien
il faut également penser à changer le nom de la police (LearningCurveProRegular dans le cours / learning_curveregular dans le fichier stylesheet.css récupéré)
- tu dois changer les URL de chaque ligne si tu n'as pas mis, les fonts directement dans la dossier ou ce trouve ton .html
- moi par exemple c'est dans le dossier fonts/romantiques.
- la 1ere ligne ------------ font-family: 'romantiquesregular'; ------------ c'est celle que tu vas copier-coller pour t'en servir, comme cela par exemple :
Je viens mettre un petit post parce que je suis un gros néophyte et je viens enfin de comprendre cette partie du cours !
C'est peut-être pas votre cas mais après avoir suivi la méthode de FredericFournes, j'étais toujours bloqué. En fait, une fois la police importer dans le fichier CSS il faut l'assigner à un élément pour que la police se mette en place sur la page !
Du genre:
h1
{
font-family: 'learning_curveregular';
}
Je me suis juste senti super con pendant 2 secondes mais ça a fini par marcher !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)