Les icons fonts ou typographies incluant des icônes en guise de caractères typographiques est de plus en plus tendance. Pour plusieurs raisons évidentes, elles sont intégrées aux designs de sites internet. Nous en avions parlé dans un dossier : Comment intégrer des icons fonts à votre site. Aujourd’hui nous allons vous fournir quelques sites qui vous permettront de trouver des ressources gratuites pour vos créations.
Comme nous l’avions évoqués dans l’article précédent, les icons fonts sont des caractères typographiques vectoriels, légers et facilement intégrables. On pouvait déjà optimiser le temps de chargement d’un site internet en utilisant les sprites pour regrouper toutes les icônes sur une seule et même image (temps de chargement diminué, chargement unique de l’image en la mettant en cache long…) mais là c’est uniquement un seul chargement de typographie sur votre site qui vous permet d’utiliser des dizaines (voir centaines) d’icônes à la fois.
Les bénéfices des « Icons Fonts »
Temps de chargement faible, Personnalisation des couleurs en CSS, Qualité vectorielle dans toutes les tailles, Quantité chargé…, Transparence, ombres…, Compatibilité navigateur (Ie6, ie7…)
Autant de chose qui permet une grande souplesse dans ses créations. Cela convient parfaitement dans un flat design par exemple. Il est donc assez facile de trouver des ressources sur le net mais pour vous faciliter la tache, en voici 10 à bookmarker.
Des « Icons Fonts » Gratuites
Font Awesome – Lien
icons font – fortawesome
Fontello – Lien
icons font – fontello
modern-pictograms – Lien
icons font – modern pictos
Pictonic – Lien
icons font – pictonic
Pictos.cc – Lien
icons font – pictos
foundation-icons – Lien
icons font – playground
Typoicons – Lien
icons font – typoicons
Weloveiconfonts – Lien
icons font -weloveiconfonts
Fontastic – Lien
icons font – fontastic
Iconmoon – Lien
icons font – icomoon
TenbyTwenty – Lien
icons font – tenbytwenty
Iconic – Lien
icons font – iconic
Entypo – Lien
icons font – entypo
Social Media Icons – Lien
icons font – social icons
