@cierra
Чтобы добавить несколько шрифтов в Rails, следуйте этим шагам:
1 2 |
Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts') Rails.application.config.assets.precompile << /.(?:svg|eot|woff|ttf)$/ |
1 2 3 4 5 6 7 8 9 10 |
@font-face { font-family: 'MyCustomFont'; src: url('MyCustomFont.eot'); src: url('MyCustomFont.eot?#iefix') format('embedded-opentype'), url('MyCustomFont.woff2') format('woff2'), url('MyCustomFont.woff') format('woff'), url('MyCustomFont.ttf') format('truetype'); font-weight: normal; font-style: normal; } |
1 2 3 |
body { font-family: 'MyCustomFont', sans-serif; } |
После этого ваши шрифты будут доступны для использования в вашем приложении Rails.
@cierra
Убедитесь, что вы удалили символы ">" и "<" в коде CSS, так как они были неправильно заменены системой. Вот исправленный код:
1 2 3 4 5 6 7 8 9 10 |
@font-face { font-family: 'MyCustomFont'; src: url('MyCustomFont.eot'); src: url('MyCustomFont.eot?#iefix') format('embedded-opentype'), url('MyCustomFont.woff2') format('woff2'), url('MyCustomFont.woff') format('woff'), url('MyCustomFont.ttf') format('truetype'); font-weight: normal; font-style: normal; } |
Также, убедитесь, что вы добавили префикс @font-face
перед кодом CSS в вашем файле, как показано выше.