Einführung

Ich habe das Design in der Anwendungsentwicklung mithilfe kostenloser Schriftarten geändert und die Verwendung zusammengefasst.

Inhaltsverzeichnis

1 Kostenlose Schriftvorbereitung 2 Laden von Schriftarten

1 Kostenlose Schriftvorbereitung

Laden Sie zunächst von der kostenlosen Schriftart-Website herunter, was Sie verwenden möchten. Platzieren Sie dann die heruntergeladene Datei (Erweiterung ttf oder otf) unter App / Assets / Fonts.

Vorsichtsmaßnahmen

Jede Schriftart hat unterschiedliche Nutzungsbedingungen. Selbst wenn es im Handel erhältlich ist, gibt es Einschränkungen hinsichtlich des Verwendungsbereichs, und es gibt einige, die bei der Verwendung gemeldet werden müssen. Überprüfen Sie daher unbedingt die Vertriebsseite, bevor Sie es verwenden.

2 Laden von Schriftarten

Schreiben Sie Folgendes in die CSS-Datei.


@font-face {
  font-family: “abcdefg”;
  src: url('/assets/abcdefg.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

Geben Sie die Schriftfamilie an, auf die Sie die Schrift anwenden möchten.

Beispiel


p {
  font-family; “abcdefg”;
}

Sie haben jetzt die Schriftart angewendet.

3 Anpassung an die Produktionsumgebung

Da die Schriftart in der Produktionsumgebung nicht wie sie ist angewendet wurde, wurde Folgendes geändert.

`/config/production.rb`


#Vorher ändern
config.assets.compile = false
#Nach der veränderung
config.assets.compile = true

Dies ermöglichte die Anzeige von Bilddateien, die nicht in die Produktionsumgebung geladen wurden.

Referenzlink

https://qiita.com/dir_sh0606/items/ce605b70f1cb333f9d59 https://qiita.com/kinpin/items/bd7c9a7d7a739e297742

[RUBY] [Schienen] Benutzerdefinierte Schriftarteinstellungen