Socicon font : une police gratuite d’icônes des réseaux sociaux
Si vous cherchez à ajouter des liens vers les réseaux sociaux sans faire appel à des images, alors cette police va vous intéresser. Il s’agit de Socicon font.
Socicon font est une police gratuite et sous licence SIL Open Font License 1.1.
L’intérêt d’utiliser une police plutôt que des images pour des icônes « simple » est intéressante en terme de poids, et donc d’optimisation de chargement.
Vous retrouverez de nombreux réseaux sociaux, des plus connus (Facebook, Twitter, Pinterest), aux services comme Paypal ou Skype. Il y en a 79 en tout.
Utiliser Socicon font
Pour s’en servir, il suffit de télécharger les fichiers par ici : Télécharger Socicon.
Ensuite, insérez ce code dans votre feuille de style CSS :
@font-face {
font-family: 'socicon';
src: url('font/socicon-webfont.eot');
src: url('font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
url('font/socicon-webfont.woff') format('woff'),
url('font/socicon-webfont.ttf') format('truetype'),
url('font/socicon-webfont.svg#sociconregular') format('svg');
font-weight: normal;
font-style: normal;
text-transform: initial;
}
Et pour l’utiliser :
.socicon {
font-family: 'socicon' !important;
}Vous retrouverez tous les icones, et leur lettre associée pour les utiliser sur cette page.