Create Your Own font-face Kits » Font Squirrel
►https://www.fontsquirrel.com/tools/webfont-generator
Un générateur de variantes de polices (.eot, .svg, .ttf ...) en ligne. Fourni également le code @font-face à intégrer en CSS
Create Your Own font-face Kits » Font Squirrel
►https://www.fontsquirrel.com/tools/webfont-generator
Un générateur de variantes de polices (.eot, .svg, .ttf ...) en ligne. Fourni également le code @font-face à intégrer en CSS
Perso je ne l’utilise plus beaucoup, je passe généralement par des outils plus simples qui se content de me convertir la police en WOFF et WOFF2 (les autres formats ne sont plus trop utiles désormais).
Par exemple :
►https://everythingfonts.com/otf-to-woff
►https://everythingfonts.com/otf-to-woff2
ou carrément en ligne de commande sous node.js :
►https://github.com/fontello/ttf2woff
Un petit tour par caniuse indique que Woff est compris par 97% des visiteurs en France (et Woff2 par 87%). Et par ailleurs, @font-face est aussi compris par 97% des visiteurs. Ce qui signifie que tous les visiteurs qui peuvent utiliser des webfonts avec @font-face peuvent en même temps utiliser Woff ; ce qui rend les autres formats (.eot, .svg, .ttf) inutiles.
Mais suivant la langue des contenus du site final, ça permet aussi de réduire le champs, et donc le fichier, ce que ne font pas forcément les autres outils qui ne font que conversion. Non ?
@rastapopoulos : oui effectivement. Mais l’utiliser parce que ça fait les multiples formats de fontes et le code dont on avait besoin il y a quelques années, je signale que ce n’est plus nécessaire.
Je suis en train de simplifier mes appels aux #webfonts (embedded). Jusqu’à présent je m’enquiquinais avec des .eot
, .otf
, svg
et woff
.
En fait, depuis le temps qu’on joue avec, le seul navigateur réellement en circulation qui n’accepte pas le WOFF, c’est IE8. Quant à WOFF2, ça tourne nickel sur Chrome (plus de 40% des visiteurs).
Bref : je vire tout le bazar, et je ne mets plus que les versions WOFF et WOFF2 (la même chose en plus compressé - on gagne environ 30%). Sous IE8 ils auront les polices systèmes et pis c’est tout : c’est très bien les polices systèmes.
Ah, Font Squirrel sait fabriquer les deux WOFF sauf que c’est galère avec l’arabe (oui, même en réglant bien « no subsetting »). Du coup :
►https://everythingfonts.com/otf-to-woff
►https://everythingfonts.com/otf-to-woff2
Ah, pour que tu voies la différence… sur une police que j’utilise :
– version EOT : 95 ko
– version OTF : 343 ko (arg)
– version SVG : 343 ko
– version WOFF : 42 ko
– version WOFF2 : 34 ko
Après, je crois qu’on a le droit de livrer l’OTF zippé par le serveur, ça doit être nettement plus léger (mais ça doit peser encore plus de 100 ko). Le SVG, je sais pas trop vu que ça vise des vieux clous. WOFF et WOFF2, il est préconisé de les laisser tels quels (comme le JPEG) : la compression est déjà dedans.
M’enfin comme tu le constates, ça vaut quand même bien le coup…
Mais j’imagine que quand tu convertis ton fichier otf en woff, tu perds toutes les subtilités des open type, les petites caps, les ligatures spécifiques, les chiffres elzéviriens et cie ?
Normalement, WOFF c’est du OpenType compressé. Donc tout devrait être là.