[RUBY] Comment insérer des icônes à l'aide de Font awesome
introduction
Font awesome peut être utilisé lorsque vous souhaitez mettre des icônes telles que la barre de menu, Facebook, Instagram, Twitter, etc. dans la page Web.
Qu'est-ce que Font awesome?
C'est une icône de police Web qui peut être utilisée gratuitement.
Site: Font awesome
Comment utiliser
Ajoutez font-awesome-sass à Gemfile et installez l'ensemble.
Gemfile
gem 'font-awesome-sass' #Après l'ajout et l'installation du bundle, redémarrez le serveur
Après l'installation du bundle, redémarrez le serveur, Ajout de font-awesome-sprockets et font-awesome au fichier application.scss. Notez que les icônes ne seront pas chargées si l'ordre de chargement est différent.
app/assets/stylesheets/application.scss
@import "font-awesome-sprockets";
@import "font-awesome";
Entrez l'icône que vous voulez dans la vue (cette fois, utilisez le fas de class = "fas fa-bars" et les barres partielles après fa-). icon est une méthode d'aide pour la gemme font-awesome-sass.
rb:app/views/chats/index.html.haml
= icon('fas', 'bars')
Vous pouvez maintenant mettre l'icône Font awesome sur votre page Web
Site de référence Font awesome Github pikawaka font-awesome-sass
Recommended Posts