[RUBY] [Rails] So installieren Sie Font Awesome
Entwicklungsumgebung
・ Ruby: 2.5.7 Schienen: 5.2.4 ・ Vagrant: 2.2.7 -VirtualBox: 6.1 ・ Betriebssystem: macOS Catalina
Ein Konto erstellen
-
Greifen Sie auf den unten stehenden Link zu. Font Awesome Startbildschirm
-
Geben Sie Ihre E-Mail-Adresse ein und klicken Sie auf "Kit-Code senden".
-
Wenn Sie die Bestätigungs-E-Mail erhalten, greifen Sie auf den Link "Klicken Sie, um Ihre E-Mail-Adresse zu bestätigen + Einstellungen vornehmen" zu.
-
Der folgende Bildschirm wird angezeigt. Geben Sie das Passwort ein und klicken Sie auf "Passwort setzen und fortfahren".
-
Der Bildschirm wechselt zum Eingabebildschirm für Profilinformationen. Da jetzt jedoch keine Einstellungen vorgenommen werden müssen, Klicken Sie auf "Alles klar. Los geht's!", Ohne etwas einzugeben.
-
Der folgende Bildschirm wird angezeigt. Klicken Sie auf "Kit-Code kopieren", um den Code zu kopieren.
Operationen auf der Schienenseite
1. Bearbeiten Sie "application.html.slim".
Fügen Sie den gerade kopierten Code ein und konvertieren Sie ihn in das Slim-Format.
slim:application.html.slim
doctype html
html
head
title
|Font Awesome Test
= csrf_meta_tags
= csp_meta_tag
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
/Nachtrag
script src='https://kit.fontawesome.com/c51513dd6c.js' crossorigin='anonymous'
2. Symbol anzeigen
① Greifen Sie auf die folgende Site zu und klicken Sie auf das Symbol, das Sie verwenden möchten. Font Awesome Icon List
(2) Der Bildschirm ändert sich zu dem unten gezeigten. Kopieren Sie daher den Klassennamen.
③ Wenn Sie wie unten gezeigt in HTML schreiben, wird das Symbol angezeigt.
~html.slim
i.far.fa-heart
Recommended Posts