[RUBY] [Für diejenigen, die Portfolios erstellen] Verwendung von Font-Awesome-Rails

Was ist Font-Awesome-Rails?

Kostenlose Verwendung von Web-Schriftarten-Symbolen Font Awesome ist eine Bibliothek, die problemlos mit Schienen verwendet werden kann Font Awesome zeichnet sich dadurch aus, dass es beim Vergrößern nicht unscharf wird. Sie können es in Ihre Lieblingsfarbe und -größe ändern.

Font-awesome-Rails eingeführt

Gemfile



gem 'font-awesome-rails'
$ bundle install

Für application.css

*= require font-awesome

Für application.scss

@import "font-awesome";

Bereit

Wie benutzt man

Basic

<i class="fa fa-Symbolname"></i>

Größe ändern

<i class="fas fa-Icon Name fa-lg"></i>

fa-lg (1,333 ... mal) fa-2x (doppelt) fa-3x (3 mal) fa-4x (4 mal) fa-5x (5 mal)

Wenn Sie es in eine andere Größe oder Farbe ändern möchten, können Sie es in CSS schreiben.

Referenz

https://fontawesome.com/v4.7.0/icons/

Recommended Posts

[Für diejenigen, die Portfolios erstellen] Verwendung von Font-Awesome-Rails
[Für diejenigen, die Portfolios erstellen] Verwendung von Chart Kick
[Für diejenigen, die Portfolios erstellen] Verwendung von binding.pry mit Docker
[Für diejenigen, die Portfolios erstellen] So lassen Sie Zeichenketten weg
[Für diejenigen, die Portfolios erstellen] Mit Ransack erstellte Suchfunktion
Verwendung von binding.pry für die Ansichtsdatei
So erstellen Sie ein Maven-Repository für 2020
[Ruby] Wie man Slice für Anfänger benutzt
[Für diejenigen, die Portfolios erstellen] Reduzieren Sie Fehler und machen Sie den Code leichter lesbar -Rubocop Airbnb-
So erstellen Sie überall eine H2-Datenbank
So verwenden Sie ein Array für HashMap-Schlüssel
[Für Super-Anfänger] Verwendung des Autofokus: true
Verwendung von Map
Verwendung mit_option
Verwendung von fields_for
Verwendung von java.util.logging
Verwendung der Karte
Verwendung von collection_select
Wie benutzt man Twitter4J
Wie benutzt man active_hash! !!
Verwendung von MapStruct
Verwendung von TreeSet
[Verwendung des Etiketts]
Wie man Hash benutzt
So erstellen Sie Docker-Compose
Verwendung von Dozer.mapper
Wie benutzt man Gradle?
Verwendung von org.immutables
Verwendung von java.util.stream.Collector
Verwendung von VisualVM
Verwendung von Map
So verwenden Sie ein Array für den TreeMap-Schlüssel
[Spring Boot] So erstellen Sie ein Projekt (für Anfänger)
Verwendung von Truth (Assertion Library für Java / Android)
Wie man GitHub für Super-Anfänger benutzt (Teamentwicklung)
Für diejenigen, die MySQL für die Datenbank in der Umgebungskonstruktion von Rails6 ~ verwenden möchten.
Verwendung der Ketten-API
[Java] Verwendung von Map
Verwendung der Warteschlange mit Priorität
[Rails] Verwendung von Enum
Verwendung von Java Optional
Verwendung von JUnit (Anfänger)
Verwendung von Ruby return
[Rails] Verwendung von Enum
Verwendung von @Builder (Lombok)
Verwendung der Java-Klasse
Wie man Big Decimal benutzt
Verwendung von String [] args
Verwendung von Rails Join
Verwendung von Java Map
Ruby: Wie man Cookies benutzt
Verwendung von abhängigen :: zerstören
Verwendung von Eclipse Debug_Shell