Tagfont awesome

[Polices d’icônes] Ressources en ligne, astuces, bonnes pratiques

Bibliothèques gratuites

Outils et techniques pour extraire des icônes d’une police

Requiert la source au format SVG.

Outils et techniques pour créer et/ou éditer une police d’icônes

Polices d’icônes déjà splitées en sources SVG

1 icône = 1 fichier. Pas forcément intéressant lorsqu’on sait utiliser font blast (voir plus haut).

[CSS] Afficher des icônes issus d’une police dans des champs de formulaire (notamment ceux de Bootstrap)

Source : Support glyph and fa icon inside input.

Code CSS réduit (mis en place dans un Magento avec Font Awesome comme bibliothèque d’icônes) :

Afin que l’icône s’affiche correctement, (il semble que) la structure HTML doivent obligatoirement comporter des <div class="row"><div class="classes-de-votre-grille placeholder-icon"> englobants :

La classe .icon-addon pouvant entrer en conflit avec d’autres styles affectés à des classes plus génériques de type icon-, j’ai préféré changer le libellé en .placeholder-icon.

Code HTML/CSS de la démo initiale :

© 2020 devfrontend.info

Theme by Anders NorénUp ↑