หน้าทดสอบแบบอักษร
รีลีสที่เสถียรพร้อมใช้งานที่ http://www.impallari.com/testing
หน้าการทดสอบแบบอักษรเป็นเครื่องมือที่มีไว้สำหรับนักออกแบบประเภทที่จะ 'ลากและวาง' และทดสอบแบบอักษรของพวกเขาลงในเบราว์เซอร์ได้อย่างรวดเร็ว นอกจากนี้ยังสามารถใช้งานได้ตามประเภทและผู้กำกับศิลป์นักออกแบบกราฟิกครูและนักเรียนที่สนใจที่จะเห็นว่าตัวอักษรทำงานอย่างไรบนเว็บ
มีวิดีโอสั้น ๆ ที่แสดงเครื่องมือนี้ http://vimeo.com/40296571
การดำเนินการง่าย:
- ลากแบบอักษรที่คุณต้องการลองไปยังพื้นที่ด้านบนของหน้าทดสอบ
- เพิ่มฟอนต์เพิ่มเติมแล้วคุณจะเห็นชื่อไฟล์และขนาดไฟล์เป็นปุ่ม
ด้านล่างพื้นที่ดร็อปที่คุณเห็นปุ่มบางปุ่มเพื่อเลือกเลย์เอาต์ที่แตกต่างกัน:
- พาดหัว: แสดงตัวอย่าง: 72, 60, 48, 36 และ 30 ถึง 12
- ข้อความ: แสดงบล็อกข้อความจาก 20 ถึง 10
- การยึดเกาะ: แสดงตัวอย่างโดยใช้ข้อความ 'การยึดเกาะ' เท่านั้น มีไว้สำหรับช่วงแรก ๆ ในการออกแบบแบบอักษร
- ตัวอย่าง Hamburgefonstiv โดยใช้ข้อความ 'Hamburgefonstiv'
- ตัวพิมพ์เล็กเท่านั้น: แสดงตัวอย่างของ 72, 60, 48, 36, 30, 24, 18 และ 16 ถึง 10
- CAPS: แสดงตัวอย่างคำในกรณีประโยคที่ 60
- CAPS ทั้งหมด: แสดงตัวอย่างคำในทุกแคปที่ 60
- เลย์เอาต์: แสดงตัวอย่างของพาดหัวข้อความย่อยและข้อความร่างกาย
- KERN: แสดงตัวอย่างของการรวมกันของตัวอักษรและสัญญาณเบ็ดเตล็ด
- ละติน: Diacritics สำหรับ 103 ภาษาละติน, pangrams และตัวอย่างข้อความ
- และอีกมากมาย ...
หมายเหตุ:
- ต้องใช้ Firefox หรือ Chrome
- ปลอดภัย 100%: ฟอนต์ของคุณถูกเก็บไว้ในเบราว์เซอร์ของคุณเองเท่านั้น (ใช้
localStorage ) และ ไม่มีการอัปโหลดไปยังเซิร์ฟเวอร์ใด ๆ
เคล็ดลับลับสำหรับเครื่องมือ "ข้อความตัวกรอง":
- เมื่อทำงานกับแบบอักษรข้อความ: ตั้งค่าขนาดเป็น 18px หรือต่ำกว่าและคุณจะได้รับบล็อกที่ดีในทุกขนาดข้อความในเวลาเดียวกัน
- เมื่อทำงานบนแบบอักษรที่แสดงผล: ตั้งขนาดเป็น 200 และคุณจะได้รับน้ำตกขนาดเล็กตั้งค่าเป็น 300px และคุณจะได้รับน้ำตกเต็มรูปแบบ (เหมาะสำหรับการตัดสินใจเลือกระยะห่าง/การติดตั้งแบบอักษร)
นักพัฒนา:
ในการดาวน์โหลดเวอร์ชันล่าสุดและใช้งานในเครื่อง:
git clone https://github.com/impallari/Font-Testing-Page.git;
cd Font-Testing-Page;
php -S 127.0.0.1:8080
จากนั้นเยี่ยมชม http://127.0.0.1:8080 เพื่อดูเครื่องมือเวอร์ชันท้องถิ่นของคุณ
ขอบคุณ:
- แรงบันดาลใจจากสนามเด็กเล่น Opentype ของ Jonathan Kew ที่สร้างขึ้นเพื่อ Mozilla และ Fontdrag
- ริเริ่มโดย Dave Crossland
- พัฒนาโดย Pablo Impallari
- ออกแบบโดย Pablo Cosgaya
- Kerning String โดย James Montalbano
- เนื้อหาแท็บ Kern King จาก http://logofontandlettering.com/kernking.html
- Pangrams จาก Wikipedia
- Pangrams อาร์เมเนียโดย Hrant Papazian
- ภาษาละตินภาษาข้อความโดย Eduardo Tunni
- LATIN02 DIACRITICS TABS จากบริบทของ DIACRITICS
- Cyrillic Version โดย Alexei Vanyashin
- เนื้อหา Devanagari ส่วนใหญ่โดย Girish Dalvi, Ek Type และ Pooja Saxena
- คำพจนานุกรม Devanagari จาก http://sanskritdocuments.org/hindi/dict/eng-hin_unic.html (ขอบคุณ Andres Torresi และ Juan Pablo del Peral)
- เวอร์ชันทมิฬโดย Tharique Azeez ข้อความมาจากบล็อก Niram
- รุ่นกันนาดาโดย Erin McLaughlin ตัวอย่างข้อความจากการยึดเกาะของ Miguel Sousa ของ Kannada และ Kannada Prahba หนังสือพิมพ์ Kannada
- Telugu Version โดย Appaji Ambarisha Darbha
- เวอร์ชั่นภาษาฮิบรูโดย Meir Sadan
- เวอร์ชั่นมลายูโดย Santhosh Thottingal
- และผู้คนจำนวนมากที่ช่วยไม่ทางใดก็ทางหนึ่ง (ถ้าฉันลืมที่จะรวมชื่อของคุณเพียงแจ้งให้เราทราบและฉันจะเพิ่มมัน)
ใบอนุญาต:
รหัสสามารถใช้ได้ภายใต้ใบอนุญาต MIT โปรดดู License.md สำหรับรายละเอียดทั้งหมด
ข้อความหน้าเว็บมีอยู่ภายใต้ใบอนุญาต Creative Commons ที่มา
