หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Fontsquirrel::ดาวน์โหลด

ดาวน์โหลดและแตกชุดฟอนต์จากฟอนต์กระรอกอย่างง่ายดายด้วยงานคราด

การติดตั้ง

เพิ่มบรรทัดนี้ลงใน Gemfile ของแอปพลิเคชันของคุณ: 

 gem 'fontsquirrel-download', group: "development"

แล้วดำเนินการ: 

 $ bundle

เพิ่มใน application.css/application.css.scss ของคุณ: 

//= require fonts

เนื่องจากการดาวน์โหลดจะเพิ่มการเปลี่ยนแปลงที่จำเป็นต่อท้าย app/assets/stylesheets/_fonts.scss

การใช้งาน

ใช้งาน Rake ระบุชื่อฟอนต์ตามที่เขียนใน URL จากฟอนต์กระรอก เช่น 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-ชุด

คุณยังสามารถสร้างชุดแบบอักษรด้วย Webfont-generator ที่ยอดเยี่ยมของ Fontsquirrel และแยก + ใช้ไฟล์ zip นั้นและรวมไฟล์ scss ที่มีความหมายด้วยน้ำหนักและสไตล์แบบอักษรที่ถูกต้อง: 

 rake font:install FILE=/tmp/webfontkit-123.zip

ข้อจำกัด

  • จนกว่าจะรู้มันจะดาวน์โหลดชุดย่อยปกติของฟอนต์ ฟอนต์บางตัวไม่มีตัวอักษรพิเศษ (เช่น อักษร Umlauts ของเยอรมัน) เลย บางตัวก็อยู่ในชุดย่อย บางทีการระบุเซ็ตย่อยอาจมีประโยชน์
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด