قم بتنزيل واستخراج مجموعات الخطوط من 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
يمكنك أيضًا إنشاء مجموعات خطوط باستخدام منشئ Webfont الرائع الخاص بـ Fontsquirrel واستخراج + تطبيق ملف zip هذا ودمج ملف scss ذي معنى مع وزن الخط ونمطه الصحيحين:
rake font:install FILE=/tmp/webfontkit-123.zip