[RUBY] [Rails] Comment installer Font Awesome
Environnement de développement
・ Rubis: 2.5.7 Rails: 5.2.4 ・ Vagrant: 2.2.7 -VirtualBox: 6.1 ・ Système d'exploitation: macOS Catalina
Créer un compte
-
Accédez au lien ci-dessous. Écran de démarrage Font Awesome
-
Entrez votre adresse e-mail et cliquez sur «Envoyer le code du kit».
-
Lorsque vous recevez l'e-mail de confirmation, accédez au lien «Cliquez pour confirmer votre adresse e-mail + configurer les choses».
-
L'écran suivant s'affiche: Entrez le mot de passe et cliquez sur "Définir le mot de passe et continuer".
-
L'écran passera à l'écran de saisie des informations de profil, mais il n'est pas nécessaire de le définir maintenant Cliquez sur "Tout est prêt. Allons-y!"
-
L'écran suivant s'affiche: Cliquez sur "Copier le code du kit" pour copier le code.
Opérations côté Rails
1. Modifiez "application.html.slim"
Collez le code que vous venez de copier et convertissez-le au format Slim.
slim:application.html.slim
doctype html
html
head
title
|Test de Font Awesome
= csrf_meta_tags
= csp_meta_tag
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
/Postscript
script src='https://kit.fontawesome.com/c51513dd6c.js' crossorigin='anonymous'
2. Afficher l'icône
① Accédez au site suivant et cliquez sur l'icône que vous souhaitez utiliser. Liste des icônes Font Awesome
(2) L'écran passera à celui illustré ci-dessous, copiez donc le nom de la classe.
③ Si vous écrivez en HTML comme indiqué ci-dessous, l'icône s'affichera.
~html.slim
i.far.fa-heart
Recommended Posts