Как добавить несколько шрифтов rails?

Пользователь

от cierra , в категории: Ruby , 2 года назад

Как добавить несколько шрифтов rails?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от carlo.cummerata , 2 года назад

@cierra 

Чтобы добавить несколько шрифтов в Rails, следуйте этим шагам:

  1. Скачайте необходимые шрифты и сохраните их в папку "app/assets/fonts" в вашем Rails приложении.
  2. Откройте файл "config/initializers/assets.rb" и добавьте следующий код:
1
2
Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
Rails.application.config.assets.precompile << /.(?:svg|eot|woff|ttf)$/


  1. Создайте файл CSS для своих шрифтов в "app/assets/stylesheets" и добавьте код для подключения шрифтов. Например:
 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. Используйте шрифт в вашем CSS как обычно:
1
2
3
body {
  font-family: 'MyCustomFont', sans-serif;
}


После этого ваши шрифты будут доступны для использования в вашем приложении Rails.

Пользователь

от adrien.waters , год назад

@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 в вашем файле, как показано выше.