Je voulais introduire des polices gratuites dans mon propre portfolio, je l'ai donc présenté en référence à l'article Qiita. Il y a un sentiment de renouveau maintenant, mais ... un mémorandum et J'ai créé un article dans l'espoir qu'il sera utile pour les débutants.
Environnement de l'écrivain ・ Rubis 2.5.3 ・ Rails 5.2.2
(nom de l'application)/app/assets/fonts
Mettez un fichier de police comme hogehoge.ttf (ou hoge.otf) dans le répertoire des polices. Dans mon cas, je n'avais pas le répertoire des polices, donc je l'ai créé avec mkdir sous assets.
Vers SCSS,
custom.scss
@font-face {
font-family: 'hoge'; # font-le nom de famille est décidé comme il convient
src: font-url('hogehoge.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Écrivez comme ça. Vous pouvez l'écrire n'importe où dans le fichier. Et
custom.scss
body {
font-family: hoge;
}
Le nom de la famille de polices de plus tôt Décrivez-le dans le corps et appliquez-le à l'ensemble.
Je pense que vous pouvez appliquer des polices gratuites avec cette procédure. C'était étonnamment facile. S'il n'est pas reflété, essayez de redémarrer le serveur comme il convient!
[Pour les débutants] Comment ajouter des polices personnalisées aux applications Rails
Recommended Posts