fonts
inというフォルダーを作成し、app/assets/
そこにすべてのカスタム フォントを移動します ( example )。
サーバーを再起動して新しいアセットを利用できるようにし、スタイルシートを作成してフォントフェイスを宣言します。たとえばapp/assets/stylesheets/fonts.css
、次のように記述します。
@font-face {
font-family: 'My Custom Font';
src: font-url('mycustomfont-regular.eot');
font-weight: normal;
font-style: normal;
}
// bold
@font-face {
font-family: 'My Custom Font';
src: font-url('mycustomfont-bold.eot');
font-weight: bold;
font-style: normal;
}
// italic
@font-face {
font-family: 'My Custom Font';
src: font-url('mycustomfont-italic.eot');
font-weight: normal;
font-style: italic;
}
(例)。これで、次を使用してカスタム フォントをセットアップできます。font-family: "My Custom Font"