PROJET AUTOBLOG


Shaarli - Les discussions de Shaarli

Archivé

Site original : Shaarli - Les discussions de Shaarli du 23/07/2013

⇐ retour index

Loading webfonts with high performance on responsive websites

lundi 13 octobre 2014 à 10:45
Shazen, le 13/10/2014 à 10:45
Technique pour optimiser les WebFonts pour des sites responsive
(Permalink)

Knah Tsaeb, le 13/10/2014 à 13:58
Pas mal de truc sur l'optimisation et l'utilisation des WebFonts.
Origine => lien.shazen.fr
(Permalink)

2038, le 13/10/2014 à 14:30
coudifié
(Permalink)

Timo, le 13/10/2014 à 16:01
Quelques astuces pour les Webfonts et le CSS.

Je suis particulièrement d’accord avec ça :

– Only serve fonts in woff format
– Serve the fonts yourself


WOFF est un format ouvert, et il est important que tout le monde s’accorde à utiliser un format ouvert et un seul format. Exactement le contraire avec les formats vidéos, donc, où c’est le gros bordel.
Ensuite, hébergez vos fichiers vous même. Toujours. Ça évitera de voir votre site défiguré quand le site externe qui héberge votre fichier sera hors ligne, vous saurez toujours ce que vous donnez à vos visiteurs (un hack des serveurs de Google Fonts et ce sont des milliers de sites qui distribuent des virus à des milliard d’internautes), vous saurez toujours ce que vous utilisez dans vos programmes (pas de casses-têtes lors du code) et enfin vous ne vendez pas vos visiteurs à un serveur-espion tiers.

(via)
— (permalink)

Bronco, le 13/10/2014 à 18:36
Utiliser les web fonts intelligemment...

1- Only serve fonts in woff format
2- Other browsers get the old "websafe" fonts
3- Download the font in "binary" format and optimize it
4- Serve the fonts yourself
5- Serve them as CSS files - base64 encoded data URIs
6- If the user doesn't have the font, load it asynchronously and store in localStorage
7- Otherwise load it from localStorage without accessing the server
8- Have fun because your site renders much faster and your users have a much better usability experience


Pas con... pourquoi pas.
(Permalink)