public marks

PUBLIC MARKS with tag woff

This year

CSS - @font-face - Using @font-face - CSS-Tricks

by decembre
The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts.

2015

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

by decembre
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.

gulp-iconfont

by srcmax
Create a SVG/TTF/EOT/WOFF font from several SVG icons with Gulp.

2013

2010

Active users

decembre
last mark : 09/06/2017 09:54

srcmax
last mark : 05/01/2015 09:53

emmanuelc
last mark : 25/02/2013 17:37

marco
last mark : 01/12/2010 22:14