[RUBY] Einführung und Verwendungserklärung von Font Awesome

Dieses Mal werde ich erklären, wie Font Awesome installiert und angezeigt wird.

Einführung von Font Awesome

  1. Fügen Sie Gemfile die folgende Beschreibung hinzu

gem "font-awesome-sass"
$ bundle install
  1. Beschreiben Sie Folgendes in application.scss.

@import "font-awesome-sprockets";
@import "font-awesome";

Damit ist die Installation abgeschlossen.

Ansicht in Ansicht

Ich werde die Icon-Helper-Methode verwenden. Das Beispiel für die Verwendung ist wie folgt.

icon('Präfixname', 'Symbolname')

Es sieht so aus, wenn es tatsächlich verwendet wird.

= icon('fab', 'facebook-square') #Beispiel

Referenzmaterial

Überprüfen Sie die folgenden Websites auf Präfix- und Symbolnamen und verwenden Sie diese! https://fontawesome.com/

Recommended Posts

Einführung und Verwendungserklärung von Font Awesome
[Rails] Unterschiede und Verwendung von each_with_index und each.with_index
Von der Einführung bis zur Verwendung von byebug
Erläuterung der Ruby Time- und Date-Objekte
Grundlegende Verwendung und Codebeispiel für Enum
Einführung von Docker Hub und Befehlen Selbstlernend ①
[Ruby] Schleifenunterscheidung und Verwendung in Ruby
Einführung und Vorsichtsmaßnahmen von gem Friendly Id
Einführung von pay.jp
Die "Ergebnisse" des Ranking-Top-10-Arguments enthalten die Antwort der API, die von den vorherigen "get_rankings_results" erhalten wurde. Sie können auch mit'results.get ('rows') 'auf jede Ergebniszeile zugreifen. Die Ergebnisse sind in der Reihenfolge "Dimensionen" und "Metriken" angeordnet, sodass Sie den Seitenpfad des ersten Ergebnisses abrufen können, indem Sie "results.get" ("Zeilen") [0] [1] "ausführen. Python, Google Analytics [Rails 6] Spezifische Methode zum Einbetten von Font Awesome in link_to [Copy OK]
Lernen Sie den rudimentären Mechanismus und die Verwendung von Gradle 4.4 kennen
Einführung von Docker - Teil 1--
[Rails] Einführung von PAY.JP
Einführung der Benutzerauthentifizierung
[Für Anfänger] Erläuterung von Klassen, Instanzen und Statik in Java
So verwenden Sie das Font Awesome-Symbol für ul und li