Utiliser font awesome dans un select

Notez que cet article a été écrit pour la première fois il y a plus de 2 ans, mais n'est pas nécessairement obsolète.

font awesome - Unicode
font awesome

Intégration de la version 4.4 de font-awesome dans wordPress:

functions.php:

Il suffit d’intégrer la liste des icones sous forme de caractères unicode et de styliser correctement le <select>.

On ajoute dans son CSS:

Ma police choisie pour le <select> est la police ‘aBeeZee’, font sans-serif de Google Fonts.

Le navigateur applique la première font: ‘FontAwesome’. S’il ne trouve pas le caractère dans la font, il applique la seconde font, puis la troisième.

Et hop, un joli <select> avec la font-awesome.

Le code entier du <select>:

Long fichier, vite fait grâce au superbe éditeur Sublime Text et ses ReGex, et la cheatSheet de font-awesome .

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.