วิธีดูไฟล์ webfont (ttf, woff, woff2, eot) บนเครื่อง mac?

12

ไม่มีใครรู้วิธีดูรูปแบบไฟล์ webfont (ttf, woff, woff2, eot) บน Mac หรือไม่?

ฉันส่งไฟล์ไปแล้วและต้องการดูไฟล์เพื่อให้แน่ใจว่ารูปแบบทั้งหมดนั้นถูกต้อง

web-fonts file-format mac

4

1. ใช้ตัวจัดการแบบอักษร

ฉันใช้FontExplorer X Proและไม่มีปัญหาในการดูแบบอักษรบนเว็บ เวอร์ชันใหม่ล่าสุดมีคุณสมบัติเฉพาะบนเว็บใหม่สำหรับการจำลองระบบปฏิบัติการและเบราว์เซอร์ที่แตกต่างกันเพื่อดูว่า webfont ของคุณจะดูบนระบบที่แตกต่างกันอย่างไร ผู้จัดการฟอนต์ที่เหมาะสมใด ๆ ควรให้คุณเห็นเว็บฟอนต์อย่างน้อยในระดับหนึ่ง (FontBook ไม่ใช่ผู้จัดการฟอนต์ที่เหมาะสม)

2. ตั้งค่าหน้าทดสอบ

เพียงสร้างหน้า HTML ปกติพร้อมทุกสิ่งที่คุณต้องการทดสอบรวมตัวอักษรใน CSS ของคุณโดยใช้@font-faceตามปกติและเปิดไฟล์ในเครื่องในเบราว์เซอร์ของคุณไม่จำเป็นต้องอัปโหลดไปยังอินเทอร์เน็ตหรืออะไรทำนองนั้น แม้ว่าการมีเซิร์ฟเวอร์การพัฒนาในท้องถิ่นเป็นความคิดที่ดี

— Cai
แหล่งที่มา

สวัสดี Cai ฉันต้องการดูไฟล์. eot (ใช้กับ <IE 9) อย่างรวดเร็วรวมถึงไฟล์อื่น ๆ และฉันไม่มีเบราว์เซอร์นั้น

— The Chewy

การใช้ตัวจัดการแบบอักษรจะเป็นตัวเลือกที่ดีที่สุด อาจมีปลั๊กอินคล้ายกับ @spiral ที่เชื่อมโยงอยู่ แต่สำหรับไฟล์. eot ฉันจะดูเมื่อฉันมีเวลามากขึ้นในภายหลัง

— Cai

4

มีปลั๊กอิน QuickLookที่ให้คุณดูตัวอย่าง. ปิดจากภายในตัวค้นหา ตัวค้นหาควรสามารถแสดงตัวอย่าง. ttf ได้ ฉันไม่แน่ใจว่ามันเพียงพอสำหรับการทดสอบ คุณสามารถดูและตรวจสอบว่าพวกเขากำลังทำงานแบบอักษร แต่ไม่มาก

ตัวเลือกอื่นคือหน้าทดสอบแบบอักษรลากและวางจาก Pablo Impallari ลากแบบอักษรจากเดสก์ท็อปของคุณและคุณสามารถดูการจัดช่องไฟรองรับตัวอักษรคุณสมบัติที่หลากหลายและอื่น ๆ

แก้ไขกันยายน 2018 : หน้า Impallari หยุดทำงาน แต่มีตัวเลือกอื่น ๆ เช่นหน้าทดสอบของ Vernon Adam , รุ่น Cyreal , กระจกของ Musictypefoundryหรือคุณสามารถโฮสต์ตัวเองจากแหล่งที่มา

— เกลียว
แหล่งที่มา

หน้าทดสอบตัวอักษรนั้นดูดี!

— Cai

ขอบคุณมากค่ะ ข้อเสียเล็ก ๆ น้อย ๆ ที่มันไม่สนับสนุน. ซึ่งเป็นคนที่ฉันอยากจะตรวจสอบ แต่หาที่ดี แต่อย่างไรก็ตาม ขอบคุณอีกครั้ง.

— The Chewy

หน้าทดสอบตัวอักษรลง

— sehe

แก้ไขเพื่อเพิ่มกระจก / ทางเลือก

— spiral

3

หากคุณต้องการแสดงตัวอย่างตัวอักษร unicode และข้อมูลจำเพาะอันนี้ก็ดีมาก:

FontDrop!

— melMass
แหล่งที่มา

2

ฉันกำลังมองหาวิธีแก้ปัญหาด้วย หลังจากลองใช้ตัวเลือกมากมายhttps://transfonter.org/เป็นสิ่งที่ใช้ได้ผลสำหรับฉัน

— ba_ul
แหล่งที่มา

1

ขอขอบคุณที่แบ่งปันสิ่งนี้ บริการที่ดีเยี่ยม เพิ่งช่วยฉันสร้างมาตรฐานและทำความเข้าใจกับไฟล์ฟอนต์ที่ฉันได้รับซึ่งมีชื่อไฟล์ที่เป็นความลับ พวกเขาควรอัปเดตและเพิ่มการสนับสนุนสำหรับfont-displayคำสั่ง css

— kjones

1

นอกจากนี้หากคุณต้องการเปิดและแก้ไขไฟล์ฟอนต์หรือแปลงบริการออนไลน์บางอย่างไม่สามารถทำได้จากรูปแบบ. eot เครื่องมือที่สามารถเป็นกับ FontLab ของTransType

— karolus
แหล่งที่มา

ไม่สามารถเปิดไฟล์ WOFF2 ได้เพียงไฟล์ WOFF เท่านั้น

— Uwe Keim