Легко загружайте и извлекайте наборы шрифтов из Fontsquirrel с помощью граблей.
Добавьте эту строку в Gemfile вашего приложения:
gem 'fontsquirrel-download', group: "development"
И затем выполните:
$ bundle
Добавьте в свой application.css/application.css.scss:
//= require fonts
Потому что при загрузке будут добавлены необходимые изменения в app/assets/stylesheets/_fonts.scss
.
Используйте задачу Rake, укажите имя шрифта, как написано в URL-адресе Font-squirrel, например, известный LaTeX-Font:
rake font:download NAME=TeX-Gyre-Bonum
Это загрузит шрифты в app/assets/fonts
и добавит правила стиля в app/assets/stylesheets/_fonts.scss
.
После этого вы можете использовать это определение стиля в своих правилах CSS, например:
body {
font-family : "TeXGyreBonumRegular" , serif;
}
Имена всегда немного различаются, просто посмотрите их в _fonts.scss.
Вы также можете создать наборы шрифтов с помощью замечательного генератора веб-шрифтов Fontsquirrel, извлечь + применить этот zip-файл и объединить значимый scss-файл с правильным весом и стилем шрифта:
rake font:install FILE=/tmp/webfontkit-123.zip