Il existe de nombreuses polices gratuites sur le net. Je veux vraiment l'utiliser pour élargir la gamme d'expression du design. Par conséquent, nous allons introduire des polices gratuites dans Rails.
Ici, le fichier de police que vous souhaitez installer est «smog.otf».
Créez un dossier fonts dans le dossier public et placez-y les fichiers de polices.
- public
- fonts
- smog.otf
Ajoutez le code suivant à votre fichier css (sample.css dans ce cas).
Le nom de font-family peut être défini librement, cette fois disons'Smog'.
De plus, format correspond au format du fichier.
| format | extension |
|---|---|
| format('woff') | .woff |
| format('truetype') | .ttf |
| format('opentype') | .otf ou.ttf |
| format('embedded-opentype') | .eot |
| format('svg') | .svg ou.svgz |
sample.css
@font-face {
font-family: "Smog";
src: asset-url('/fonts/smog.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
Après cela, vous pouvez l'utiliser en spécifiant la police avec css comme d'habitude. Ce qui suit est un exemple.
sample.css
.foo h1 {
font-family: 'Smog';
}
erb:index.html.erb
<div class="foo">
<h1>hello!</h1>
</div>
C'est tout, merci pour votre travail acharné!
Recommended Posts