[RUBY] So fügen Sie Symbole mit Font awesome ein
Einführung
Font awesome kann verwendet werden, wenn Sie Symbole wie Menüleiste, Facebook, Instagram, Twitter usw. in die Webseite einfügen möchten.
Was ist Font awesome?
Es ist ein Web-Font-Symbol, das kostenlos verwendet werden kann.
Site: Font awesome
Wie benutzt man
Fügen Sie Gemfile font-awesome-sass hinzu und bündeln Sie die Installation.
Gemfile
gem 'font-awesome-sass' #Starten Sie den Server nach dem Hinzufügen und der Bundle-Installation neu
Starten Sie den Server nach der Bundle-Installation neu. Font-awesome-sprockets und font-awesome zur Datei application.scss hinzugefügt. Beachten Sie, dass die Symbole nicht geladen werden, wenn die Ladereihenfolge unterschiedlich ist.
app/assets/stylesheets/application.scss
@import "font-awesome-sprockets";
@import "font-awesome";
Geben Sie das gewünschte Symbol in die Ansicht ein (verwenden Sie diesmal fas of class = "fas fa-Balken" und Teilbalken nach fa-). icon ist eine Hilfsmethode für das Juwel font-awesome-sass.
rb:app/views/chats/index.html.haml
= icon('fas', 'bars')
Jetzt können Sie das Font awesome-Symbol auf Ihrer Webseite platzieren
Referenzseite Font awesome Github pikawaka font-awesome-sass
Recommended Posts