Descargue y extraiga kits de fuentes de fontsquirrel fácilmente con tareas de rake.
Agregue esta línea al Gemfile de su aplicación:
gem 'fontsquirrel-download', group: "development"
Y luego ejecuta:
$ bundle
Agregue a su application.css/application.css.scss:
//= require fonts
Porque la descarga agregará los cambios necesarios a app/assets/stylesheets/_fonts.scss
.
Utilice la tarea Rake, especifique el nombre de la fuente tal como está escrito en la URL de font-squirrel, por ejemplo, la conocida fuente LaTeX:
rake font:download NAME=TeX-Gyre-Bonum
Esto descargará las fuentes en app/assets/fonts
y agregará las reglas de estilo a app/assets/stylesheets/_fonts.scss
.
Después de eso, puedes usar esa definición de estilo en tus reglas CSS, como:
body {
font-family : "TeXGyreBonumRegular" , serif;
}
Los nombres siempre varían un poco, solo búscalos en _fonts.scss
También puede crear kits de fuentes con el excelente generador de fuentes web de Fontsquirrel y extraer+aplicar ese archivo zip y fusionar un archivo scss significativo con el peso y estilo de fuente correctos:
rake font:install FILE=/tmp/webfontkit-123.zip