public marks

PUBLIC MARKS from decembre with tags @font-face & font

06 May 2015 14:45

CSS - ICONS - @font-face, Accélérez vos polices d'icônes ! - Alsacreations

Aller un peu plus loin Oui mais voila, il reste encore trop de fichiers à charger. C'est là qu'intervient le schéma Data-URI, que l'on utilisait pour les icônes images afin de supprimer une requête en intégrant directement l'image dans le fichier CSS. L'idée est la même, intégrer directement la police de caractères dans le fichier CSS. Une option disponible dans les préférences d'Icomoon : "Encode et Embed Font in CSS". On se retrouve avec un fichier CSS contenant les définitions suivantes, où les versions TTF et WOFF de la police sont directement dans le fichier CSS, la version EOT restant externe.

decembre's TAGS related to tag @font-face

@import +   Alasacreation +   api +   cdn +   css +   download +   Flash Of Unstyled Text +   font +   Font Service +   fout +   google font +   icon +   open type +   otf +   police +   Scalable Vector Grafic +   stylesheet +   support +   svg +   truetype +   ttf +   tuto +   tutoriel +   vector +   woff +   WOFF2 +