Es gibt viele großartige kostenlose Schriftarten im Internet. Ich möchte es definitiv nutzen, um den Bereich des Designausdrucks zu erweitern. Daher werden wir kostenlose Schriftarten in Rails einführen.
Hier ist die Schriftartdatei, die Sie installieren möchten, "smog.otf". Erstellen Sie einen Ordner "fonts" im Ordner "public" und platzieren Sie die Schriftdateien dort.
- public
- fonts
- smog.otf
Fügen Sie Ihrer CSS-Datei den folgenden Code hinzu (in diesem Fall sample.css).
Der Name "Schriftfamilie" kann frei festgelegt werden, diesmal sagen wir "Smog".
Außerdem entspricht format dem Format der Datei.
| Format | Erweiterung |
|---|---|
| format('woff') | .woff |
| format('truetype') | .ttf |
| format('opentype') | .otf oder.ttf |
| format('embedded-opentype') | .eot |
| format('svg') | .svg oder.svgz |
sample.css
@font-face {
font-family: "Smog";
src: asset-url('/fonts/smog.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
Danach können Sie es verwenden, indem Sie die Schriftart wie gewohnt mit CSS angeben. Das Folgende ist ein Beispiel.
sample.css
.foo h1 {
font-family: 'Smog';
}
erb:index.html.erb
<div class="foo">
<h1>hello!</h1>
</div>
Das ist alles, danke für deine harte Arbeit!
Recommended Posts