Améliorez le chargement des polices dans vos pages web !

Depuis quelques années, @font-face est devenu l’outil indispensable pour agrémenter une interface web de fontes exotiques. Mais comment expliquer les différences de rendu, parfois considérables, d’un navigateur et d’un OS à l’autre ? Penchons-nous sur la question.

@font-face{ font-family : "maFonte"; src : url('maFonte.eot'); / Pour IE9 Compat mode / src : url('maFonte.eot?') format('eot), url('maFonte.woff') format('woff'), url('maFonte.svg#abcd') format('svg'), url('maFonte.ttf') format('truetype'); }

Un outil en ligne pour générer tout ce qu'il faut pour intégrer une police (dont on a les droits) sur un site web.

Une présentation de ce qu'il est possible de faire avec l'ensemble des navigateurs du marché pour inclure une police spécifique dans une page.