Baixe e extraia kits de fontes do fontsquirrel facilmente com tarefas de rake.
Adicione esta linha ao Gemfile da sua aplicação:
gem 'fontsquirrel-download', group: "development"
E então execute:
$ bundle
Adicione ao seu application.css/application.css.scss:
//= require fonts
Porque o download anexará as alterações necessárias a app/assets/stylesheets/_fonts.scss
.
Use a tarefa Rake, especifique o nome da fonte conforme escrito na URL do font-squirrel, por exemplo, o conhecido LaTeX-Font:
rake font:download NAME=TeX-Gyre-Bonum
Isso fará o download das fontes para app/assets/fonts
e anexará as regras de estilo a app/assets/stylesheets/_fonts.scss
.
Depois disso, você pode usar essa definição de estilo em suas regras CSS, como:
body {
font-family : "TeXGyreBonumRegular" , serif;
}
Os nomes sempre variam um pouco, basta procurar no arquivo _fonts.scss
Você também pode criar kits de fontes com o excelente gerador Webfont do Fontsquirrel e extrair + aplicar esse arquivo zip e mesclar um arquivo scss significativo com peso e estilo de fonte corretos:
rake font:install FILE=/tmp/webfontkit-123.zip