J'ai changé la conception en utilisant des polices gratuites dans le développement de l'application, j'ai donc résumé comment l'utiliser.
1 Préparation gratuite des polices 2 Chargement des polices
Tout d'abord, téléchargez ce que vous souhaitez utiliser sur le site de polices gratuites. Placez ensuite le fichier téléchargé (extension ttf ou otf) sous app / assets / fonts.
Chaque police a des conditions d'utilisation différentes. Même s'il est disponible dans le commerce, il existe des restrictions sur la plage d'utilisation, et certaines doivent être signalées au moment de l'utilisation, alors assurez-vous de vérifier la page de distribution avant de l'utiliser.
Écrivez ce qui suit dans le fichier CSS.
@font-face {
font-family: “abcdefg”;
src: url('/assets/abcdefg.ttf') format("truetype");
font-weight: normal;
font-style: normal;
}
Spécifiez la famille de polices à laquelle vous souhaitez appliquer la police.
p {
font-family; “abcdefg”;
}
Vous avez maintenant appliqué la police.
Étant donné que la police n'a pas été appliquée dans l'environnement de production tel quel, ce qui suit a été modifié.
/config/production.rb
#Changer avant
config.assets.compile = false
#Après le changement
config.assets.compile = true
Cela a permis d'afficher des fichiers image qui n'étaient pas chargés dans l'environnement de production.
https://qiita.com/dir_sh0606/items/ce605b70f1cb333f9d59 https://qiita.com/kinpin/items/bd7c9a7d7a739e297742