[RUBY] Introduction et explication de l'utilisation de Font Awesome

Cette fois, je vais vous expliquer comment installer Font Awesome et comment l'afficher.

Introduction de Font Awesome

Ajoutez la description suivante à Gemfile


gem "font-awesome-sass"

$ bundle install

Décrivez les éléments suivants dans application.scss.


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

Ceci termine l'installation.

Vue en vue

J'utiliserai la méthode d'assistance d'icônes. Voici l'exemple de son utilisation.

icon('Nom du préfixe', 'Nom de l'icône')

Il ressemble à ceci lorsqu'il est réellement utilisé.

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

Matériel de référence

Vérifiez les sites suivants pour les noms de préfixes et les noms d'icônes et utilisez-les! https://fontawesome.com/

Recommended Posts

Introduction et explication de l'utilisation de Font Awesome

[Rails] Différences et utilisation de each_with_index et each.with_index

De l'introduction à l'utilisation de byebug

Explication des objets Ruby Time et Date

Utilisation de base et exemple de code d'énumération

Introduction de Docker Hub et des commandes Auto-apprentissage ①

[Ruby] Distinction et utilisation des boucles dans Ruby

Introduction et précautions de Gem Friendly Id

Introduction de pay.jp

[Rails 6] Méthode spécifique d'incorporation de Font Awesome dans link_to [Copier OK]

Apprenez le mécanisme rudimentaire et l'utilisation de Gradle 4.4

Introduction de Docker - Partie 1--

[Rails] Présentation de PAY.JP

Introduction de l'authentification des utilisateurs

[Pour les débutants] Explication des classes, des instances et des statiques en Java

Comment utiliser l'icône Font Awesome pour ul et li