Unduh dan ekstrak font-kit dari fontquirrel dengan mudah menggunakan tugas rake.
Tambahkan baris ini ke Gemfile aplikasi Anda:
gem 'fontsquirrel-download', group: "development"
Dan kemudian jalankan:
$ bundle
Tambahkan ke application.css/application.css.scss Anda:
//= require fonts
Karena unduhan akan menambahkan perubahan yang diperlukan pada app/assets/stylesheets/_fonts.scss
.
Gunakan tugas Rake, tentukan nama Font seperti yang tertulis di URL dari font-squirrel, misalnya LaTeX-Font yang terkenal:
rake font:download NAME=TeX-Gyre-Bonum
Ini akan mengunduh font ke app/assets/fonts
dan menambahkan aturan gaya ke app/assets/stylesheets/_fonts.scss
.
Setelah itu, Anda dapat menggunakan definisi gaya tersebut dalam aturan css Anda, seperti:
body {
font-family : "TeXGyreBonumRegular" , serif;
}
Namanya selalu sedikit berbeda, lihat saja di _fonts.scss
Anda juga dapat membuat font-kit dengan Webfont-generator Fontsquirrel yang hebat dan mengekstrak+menerapkan file zip itu dan menggabungkan file scss yang bermakna dengan bobot dan gaya font yang benar:
rake font:install FILE=/tmp/webfontkit-123.zip