หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ดาวน์โหลดแบบอักษร
ดาวน์โหลด


มอนต์เซอร์รัต-Alt1

Montserrat Light เวอร์ชันที่กำหนดเอง
สิ่งที่ฉันทำเพิ่มเติม »

ดาวน์โหลด · รายงานข้อผิดพลาด · คุณสมบัติคำขอ

ช่วยสนับสนุนโครงการนี้และอื่นๆ อีกมากมายโดยการซื้อกาแฟให้ฉัน!

สารบัญ
  1. เกี่ยวกับโครงการ
  2. การติดตั้ง - พีซี
  3. การติดตั้ง-เว็บ
  4. แผนการทำงาน
  5. มีส่วนร่วม
  6. ใบอนุญาต
  7. รับทราบ

เกี่ยวกับโครงการ

มอนต์เซอร์รัต-Alt1

ฉันต้องการสร้างแบบอักษรที่เรียบง่าย สะอาดตา และที่สำคัญที่สุดคือดูดี ตระกูลฟอนต์ Montserrat เป็นฟอนต์ที่น่าทึ่งซึ่งมีน้ำหนักมาก และสะอาดตาและเรียบง่าย ฉันตัดสินใจว่าจะปรับเปลี่ยนมอนต์เซอร์รัตให้เข้ากับแนวคิดของฉันได้ ซึ่งใช้เวลาประมาณหนึ่งสัปดาห์กว่าจะทำทุกอย่างให้สำเร็จ ฉันใช้แบบอักษรนี้ในการออกแบบผลิตภัณฑ์บางส่วน และทำให้ชื่อโดดเด่นจากส่วนอื่นๆ ของเอกสาร

ขอบคุณสำหรับการตรวจสอบ repo ของฉัน! อย่าลืมแบ่งปันกับเพื่อน ๆ

กลับไปด้านบน

การติดตั้ง - พีซี

  1. ดาวน์โหลด Montserrat-Alt1-<Version Number>.zip ล่าสุด
  2. แยก Montserrat-Alt1-<Version Number>.zip
  3. เปิดโฟลเดอร์ fonts ซึ่งคุณจะพบฟอนต์ otf และ ttf
  4. เปิดโฟลเดอร์ที่มีประเภทแบบอักษรที่คุณเลือก และเปิดน้ำหนักที่คุณต้องการ
  5. กล่องโต้ตอบควรปรากฏขึ้นเพื่อแสดงตัวอย่างแบบอักษร ทั้งนี้ขึ้นอยู่กับระบบของคุณ
  6. คลิกปุ่ม INSTALL
  7. หากติดตั้งแบบอักษรแล้ว กล่องโต้ตอบจะปรากฏขึ้นเพื่อถามว่าคุณต้องการแทนที่หรือไม่
  8. คลิก YES
  9. เมื่อการติดตั้งเสร็จสิ้น คุณสามารถปิดการแสดงตัวอย่างแบบอักษรได้

  • ดาวน์โหลดได้ที่นี่

กลับไปด้านบน

การติดตั้ง-เว็บ


ซีเอสเอส

คุณสามารถนำเข้าไฟล์ลงในสไตล์ชีตของคุณได้ดังนี้:

บันทึก: ไดเร็กทอรีที่วางสไตล์ชีต 

 @import url ( "static/fonts/Montserrat/fonts/webfonts/Montserrat-Alt1.css" );

HTML

ในทำนองเดียวกัน คุณสามารถลิงก์ไปยังเนื้อหาเดียวกันได้เหมือนกับที่คุณทำกับตัวกรอง CSS อื่นๆ ใน <head> ของเอกสาร HTML แทนที่จะเป็นใน CSS:

บันทึก: ไดเร็กทอรีที่วางสไตล์ชีต 

 < link rel =" stylesheet " type =" text/css " href =" static/fonts/Montserrat/fonts/webfonts/Montserrat-Alt1.css " >

บันทึก: หากคุณใช้เฟรมเวิร์ก เช่น vue.js ให้วางแท็ก <link> ในไฟล์ index.html ของโปรเจ็กต์ของคุณ


วิธีการใช้งาน

หลังจากนำเข้าแบบอักษรลงในไฟล์ CSS หรือ HTML แล้ว คุณจะสามารถใช้เพื่อจัดรูปแบบองค์ประกอบได้: 

 body {
  font-family : 'Montserrat-Alt1' , sans-serif;
  font-weight : 400 ;
}

กลับไปด้านบน

แผนการทำงาน

  • สร้างการเผยแพร่
  • สร้างไฟล์ css สำหรับการนำเข้าแบบอักษร
  • แก้ไขระยะห่างแบบอักษร
  • สร้างแบบอักษรน้ำหนักมอนต์เซอร์รัตทั้งหมด
  • สร้างเวอร์ชันตัวเอียง

ดูปัญหาที่เปิดอยู่สำหรับรายการคุณลักษณะที่นำเสนอทั้งหมด (และปัญหาที่ทราบ)

กลับไปด้านบน

มีส่วนร่วม

การมีส่วนร่วมคือสิ่งที่ทำให้ชุมชนโอเพ่นซอร์สเป็นสถานที่ที่ยอดเยี่ยมในการเรียนรู้ สร้างแรงบันดาลใจ และสร้างสรรค์ การมีส่วนร่วมใด ๆ ที่คุณทำจะ ได้รับการชื่นชมอย่างมาก

หากคุณมีข้อเสนอแนะที่จะทำให้สิ่งนี้ดีขึ้น โปรดแยก repo และสร้างคำขอดึง คุณยังสามารถเปิดปัญหาด้วยแท็ก "การปรับปรุง" ได้อีกด้วย อย่าลืมให้ดาวแก่โครงการนี้ด้วย! ขอบคุณอีกครั้ง!

  1. ส้อมโครงการ
  2. สร้าง Feature Branch ของคุณ ( git checkout -b feature/AmazingFeature )
  3. ยอมรับการเปลี่ยนแปลงของคุณ ( git commit -m 'Add some AmazingFeature' )
  4. พุชไปที่สาขา ( git push origin feature/AmazingFeature )
  5. เปิดคำขอดึง

กลับไปด้านบน

ใบอนุญาต

เผยแพร่ภายใต้ใบอนุญาต OFL ดู LICENSE สำหรับข้อมูลเพิ่มเติม

กลับไปด้านบน

รับทราบ

  • Julieta Ulanovsky - มอนต์เซอร์รัต

กลับไปด้านบน

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด