[RUBY] [Pour ceux qui créent des portfolios] Comment utiliser font-awesome-rails

Qu'est-ce que font-awesome-rails?

Utilisation gratuite des icônes de polices Web Font Awesome est une bibliothèque qui peut être facilement utilisée avec des rails Font Awesome se caractérise par l'absence de flou lorsqu'il est agrandi. Vous pouvez le changer en votre couleur et taille préférées.

Introduction de font-awesome-rails

Gemfile



gem 'font-awesome-rails'
$ bundle install

Pour application.css

*= require font-awesome

Pour application.scss

@import "font-awesome";

Prêt

Comment utiliser

De base

<i class="fa fa-Nom de l'icône"></i>

Redimensionner

<i class="fas fa-Nom de l'icône fa-lg"></i>

fa-lg (1,333 ... fois) fa-2x (double) fa-3x (3 fois) fa-4x (4 fois) fa-5x (5 fois)

Si vous souhaitez le changer en une autre taille ou couleur, vous pouvez l'écrire en css.

référence

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

Recommended Posts

[Pour ceux qui créent des portfolios] Comment utiliser font-awesome-rails
[Pour ceux qui créent des portefeuilles] Comment utiliser Chart kick
[Pour ceux qui créent des portefeuilles] Comment utiliser binding.pry avec Docker
[Pour ceux qui créent des portfolios] Comment omettre les chaînes de caractères
[Pour ceux qui créent des portefeuilles] Fonction de recherche créée avec ransack
Comment utiliser binding.pry pour afficher le fichier
Comment créer un référentiel Maven pour 2020
[Ruby] Comment utiliser slice pour les débutants
[Pour ceux qui créent des portefeuilles] Réduisez les erreurs et facilitez la lecture du code -Rubocop Airbnb-
Comment créer une base de données H2 n'importe où
Comment utiliser un tableau pour les clés HashMap
[Pour les super débutants] Comment utiliser l'autofocus: vrai
Comment utiliser Map
Comment utiliser with_option
Comment utiliser fields_for
Comment utiliser java.util.logging
Comment utiliser la carte
Comment utiliser collection_select
Comment utiliser Twitter4J
Comment utiliser active_hash! !!
Comment utiliser MapStruct
Comment utiliser TreeSet
[Comment utiliser l'étiquette]
Comment utiliser le hachage
Comment créer docker-compose
Comment utiliser Dozer.mapper
Comment utiliser Gradle
Comment utiliser org.immutables
Comment utiliser java.util.stream.Collector
Comment utiliser VisualVM
Comment utiliser Map
Comment utiliser un tableau pour la clé TreeMap
[Spring Boot] Comment créer un projet (pour les débutants)
Comment utiliser Truth (bibliothèque d'assertions pour Java / Android)
Comment utiliser GitHub pour les super débutants (développement d'équipe)
Pour ceux qui souhaitent utiliser MySQL pour la base de données dans la construction de l'environnement de Rails6 ~.
Comment utiliser l'API Chain
[Java] Comment utiliser Map
Comment utiliser Queue avec priorité
[Rails] Comment utiliser enum
Comment utiliser java Facultatif
Comment utiliser JUnit (débutant)
Comment utiliser le retour Ruby
[Rails] Comment utiliser enum
Comment utiliser @Builder (Lombok)
Comment utiliser la classe Java
Comment utiliser Big Decimal
Comment utiliser String [] args
Comment utiliser la jonction de rails
Comment utiliser Java Map
Ruby: Comment utiliser les cookies
Comment utiliser Dependant :: Destroy
Comment utiliser Eclipse Debug_Shell