Suivre

Dîtes, j'ai une question de grosse nouille en Web : j'intègre la fonte FORK AWESOME sur mon nouveau site et je me demandais si tous les fichiers étaient indispensable ?

J'ai du .eot, .svg, .ttf, .woff et .woff2. L'ensemble fait 1,01 mo et moins le site est gros mieux c'est ☺️

· · Web · 5 · 4 · 2

@danslerush normalement tous les navigateurs prennent maintenant le woff2 en charge.
D’autant que 90% des navigateurs sont basés sur Chromium et le woff2 est un format inventé par Google.

@Sans_DeC Après c'est vrai que pour Fork Awesome, en prenant woff et woff2 pour être sûr, je tombe à 201 ko ... mieux !

@danslerush et tu peux vérifier aussi que la mise en cache se fait bien pour ces extensions dans le .htaccess

@danslerush Avant d’aller farfouiller dans le htaccess tu peux demander à developers.google.com/speed/pa ou gtmetrix.com/ ils peuvent vérifier ça pour toi.

@danslerush Tous les formats ne sont pas utiles et supportés par tous les navigateurs. Tu peux réduire, je ne met que woff woff2 et ttf dans mon fichier CSS
Tu peux chercher le support des navigateurs ici: caniuse.com/?search=ttf

@Epy Très pratique; super merci ! Ce que je note c'est que Opera Mini fait ch*** :yay: A la limite, il faudrait le .svg uniquement pour lui 😅

@danslerush ou alors le "tant pis pour opera mini" ^_^ comme il ya quelques temps "tant pis pour IE/edge s'il ne veut pas respecter les standards" 😆

@danslerush (pour le coup SVG est un format standard, mais il faudrait qu'il supporte les autres quand même

@Epy Ça peut aussi se finir comme ça 🤣 Après le .svg fait 470 ko à lui seul, mais est pris en compte partout sauf IE (OSEF tu me diras) caniuse.com/?search=svg

@danslerush le principe est de proposer au navigateur le format qui lui convient. Tu peux donc tous les mettre et le fork-awesome.min.css que tu inclus dans ta page donne le choix au navigateur.

@jpfox Je sais bien, je voulais juste voir si je peux gratter un peu. J'avais un site qui faisait 20 mo (pas bien) et là je suis tombé à 6,8 dont 2,6 mo de fontes

@danslerush @jpfox Tu peux aussi optimiser tes fichiers de fontes avec ce super outil, à partir d'une source TTF ou autre il va te générer des fichiers Woff optimisés au poil :
fontsquirrel.com/tools/webfont
En mode optimal ça marche déjà bien, en limitant le subset aux caractères occidentaux.

@nicod_
Si tu limites la police forkawesome aux caractères occidentaux, tu risques de perdre les caractères qui t'intéressent 🤔
@danslerush

@jpfox @danslerush Ah, au temps pour moi, je n'avais pas tilté que c'était une police de pictos 😁

@danslerush oui, mais tu n'as pas un problème de stockage, tu veux juste limiter ce qui est transféré. Ce n'est pas parce que tu as plusieurs formats de police disponibles qu'ils seront tous transférés au navigateur, ce dernier ne téléchargera que le format qui lui convient et ton site peut paraître tout aussi léger

@jpfox Ah bah quand je dis que je suis nouille ... j'étais persuadé effectivement que le navigateur chargeait TOUTES les fontes définies dans le CSS 😅

@danslerush et comment tu les intègres dans ton site?
tu fais un appel aux fichiers qui sont stockés ailleurs ou tu les copies sur ton hébergement pour les avoir en local?

@privatavita Pour les fontes, je les copie toutes dans mon hébergement histoire de pas faire appel à Google si tu vois ce que je veux dire

@danslerush c'était le sens de ma question👍
je connais pas beaucoup de personnes qui le font
la flemme peut-être?

@privatavita Sans doute parce que c'est pas très très compliqué 😁

Inscrivez-vous pour prendre part à la conversation
Framapiaf

Le réseau social de l'avenir : Pas d'annonces, pas de surveillance institutionnelle, conception éthique et décentralisation ! Possédez vos données avec Mastodon !