[RUBY] [Rails 5.x] So führen Sie kostenlose Schriftarten ein

So führen Sie kostenlose Schriftarten in Rails ein

Ich wollte kostenlose Schriftarten in mein eigenes Portfolio aufnehmen und habe sie daher unter Bezugnahme auf den Qiita-Artikel eingeführt. Es gibt jetzt ein Gefühl der Erneuerung, aber ... ein Memorandum und Ich habe einen Artikel in der Hoffnung erstellt, dass er für Anfänger hilfreich sein wird.

Autorenumgebung ・ Ruby 2.5.3 ・ Schienen 5.2.2

1 Laden Sie die kostenlose Schriftartdatei herunter

2 Platzieren Sie die Schriftartdatei unter app / assets / fonts

(App Name)/app/assets/fonts

Fügen Sie eine Schriftartdatei wie hogehoge.ttf (oder hoge.otf) in das Schriftartenverzeichnis ein. In meinem Fall hatte ich das Schriftartenverzeichnis nicht, also habe ich es mit mkdir unter Assets erstellt.

3 Beschrieben in der SCSS-Datei

Zu SCSS,

`custom.scss`


@font-face {
  font-family: 'hoge'; # font-Der Familienname wird entsprechend festgelegt
  src: font-url('hogehoge.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

Schreiben Sie so. Sie können es überall in die Datei schreiben. Und

`custom.scss`


body {  
  font-family: hoge;
}

Der Name der Schriftfamilie von früher Beschreibe es im Körper und wende es auf das Ganze an.

4 Abgeschlossen!

Ich denke, Sie können mit diesem Verfahren kostenlose Schriftarten anwenden. Es war überraschend einfach. Wenn dies nicht angezeigt wird, starten Sie den Server entsprechend neu!

5 Referenzartikel

[Für Anfänger] Hinzufügen benutzerdefinierter Schriftarten zu Rails-Anwendungen

Recommended Posts

[Rails 5.x] So führen Sie kostenlose Schriftarten ein

Bis zur Einführung von Schriftarten in Rails

So installieren Sie jQuery in Rails 6

Wie schreibe ich Rails

Einführung von Vue.js in Rails

So deinstallieren Sie Rails

[Schienen] Wie poste ich Bilder?

[Rails] Verwendung von Enum

[Rails] Verwendung von Enum

Wie man Schienenrouten liest

So beenden Sie den Rails-Server

Wie schreibe ich Rails Seed

[Rails] Verwendung der Validierung

[Schienen] So deaktivieren Sie Turbolinks

[Rails] So verwenden Sie authenticate_user!

[Rails] So implementieren Sie Scraping

[Schienen] Wie man Samen macht

Wie schreibe ich Rails Routing

[Rails] So installieren Sie simple_calendar

[Rails] So installieren Sie reCAPTCHA

[Schienen] Verwendung von Scope

[Mit Backtricks] So stellen Sie React to the simple Rails vor

[Rails] Wie man Edelstein "devise" benutzt

[Schienen] Verwendung von Geräten (Hinweis)

[Rails] Verwendung von Flash-Nachrichten

[Rails] Anzeigen von Datenbankinformationen

[Schienen] So verhindern Sie den Bildschirmübergang

So stellen Sie Bootstrap auf Rails bereit

[Rails] So beschleunigen Sie das Docker-Compose

[Schienen] So fügen Sie neue Seiten hinzu

[Rails] Wie schreibe ich eine Ausnahmebehandlung?

[Rails] So installieren Sie ImageMagick (RMajick)

[Rails] Verwendung von Active Storage

[Rails] So implementieren Sie die Sternebewertung

[Einführung in Rails] Verwendung von Render

So installieren Sie Swiper in Rails

[Rails] Wie man Kaminari mit Slim einführt und das Design ändert

So implementieren Sie Suchfunktionen in Rails

So ändern Sie den App-Namen in Rails

[Rails] Wie man von erb zu haml konvertiert

So fügen Sie ein Video in Rails ein

[Rails] Verwendung von ActiveRecord :: Bitemporal (BiTemporalDataModel)

[Schienen] Verwendung der Kartenmethode

[Rails] So zeigen Sie Fehlermeldungen einzeln an

Verwendung von MySQL im Rails-Tutorial

So beheben Sie Fehler, die während der Installation von Rails 5.1.3 auftreten