โหลดแบบอักษรบน Windows ดูไม่ดีจริงๆ คุณใช้แบบอักษรใดที่ให้ผลดีกว่า

แก้ไข : ปัญหาคือว่าฉันไม่ได้เปิด "Cleartype" ในการตั้งค่าของฉันใน Vista คำถามนี้อาจไม่มีความหมายมากนักหากคุณมีการติดตั้ง / เปิดใช้งาน Cleartype บน Windows OS

ลมพิมพ์ใหม่มาถึงบนเว็บด้วยคุณสมบัติ font-face ของ CSS3 สามารถโหลดแบบอักษรอื่นที่ไม่ใช่ชุด OS / ระบบ Mac ของฉันแสดงผลได้อย่างสมบูรณ์แบบในขณะที่เครื่อง Windows ไม่ได้ ฉันควรใช้ชุดแบบอักษรใดที่จะแสดงผลได้ดีขึ้นใน Windows

คล้ายกับคำถามใน Stack Overflow

และนี่คือตัวอย่างของเว็บไซต์ที่แสดงผลไม่ดีบนพีซีด้วย Myriad Pro: http://css-tricks.com/

หมายเหตุ: ฉันไม่ได้พูดถึงความแตกต่างในการลดรอยหยักระหว่างเวอร์ชันของเบราว์เซอร์ (เช่นระหว่าง IE9 และ IE6)

ฉันคาดหวังว่าจะได้รับคำตอบจากการทดสอบของคุณรายการของแบบอักษรบวกขนาด (โปรดใช้ px) ซึ่งดูดีหรืออย่างน้อยก็ในแบบที่พวกเขาสามารถใช้สำหรับข้อความสั้นหรือชื่อเรื่องเล็ก ๆ

ตัวอย่างเช่นในขณะนี้ "League Gothic, 30px" ดูเหมือนว่าต่อไปนี้:

นี่ควรเป็นความเห็น (ด้วยเหตุนี้จึงทำให้ CW นี้) แต่ฉันคิดว่ามีบางความเข้าใจผิดและสมมติฐานที่ผิดในคำถาม เนื่องจากคุณต้องการให้ตอบคำถามนี้อย่างชัดเจน (คุณเสนอเงินรางวัลทั้งหมด) นี่คือสองเซ็นต์ของฉัน

จากภาพหน้าจอของคุณดูเหมือนว่าคุณได้ตั้งค่า Windows ของคุณให้แสดงแบบอักษรเป็นประจำ (ตรงข้ามกับการแสดงผลพิกเซลย่อย) และเบราว์เซอร์ของคุณอาจไม่ทำการลดรอยหยักใด ๆ (อาจเป็นไปได้

ตัวอย่างต่อไปนี้ที่เกี่ยวข้องกับ windows มาจาก XP Pro SP 3 ดังนั้นจึงค่อนข้างปลอดภัยที่จะถือว่าสถานการณ์เป็น อย่างน้อย ในระดับเดียวกันใน Vista & 7

Windows มีตัวเลือก (ใน XP) เพื่อใช้ ClearType หรือไม่ หากไม่มี ClearType แบบอักษรก็จะแสดงผลเหมือนภาพหน้าจอของคุณ นี่เป็นการขยายภาพอย่างหนักจากกล่องโต้ตอบของ Windows โดยไม่มี CT:

คุณเห็นว่าเป็นการดำเนินการแบบไบนารี: พิกเซลเป็นสีดำหรือโปร่งใส ขณะนี้มีเบราว์เซอร์ที่ทันสมัยบางตัวแม้ไม่มี CT แต่ก็มีการต่อต้านนามแฝง นี่คือจาก css-tricks.com โดยใช้ Windows XP & Chrome 8 และ CT ปิด (เหมือนเดิมในรูปก่อนหน้า):

ดูสิ่งที่เกิดขึ้น? อาจเป็นไปได้ว่าคุณได้ทำตามที่ระบุไว้ในคำถามของคุณ

หมายเหตุ: ฉันไม่ได้พูดถึงความแตกต่างของการลดรอยหยักระหว่างเบราว์เซอร์ใหม่และเบราว์เซอร์เก่า (เช่นระหว่าง IE9 และ IE6)

ตอนนี้ClearType !

นี่คือข้อความเดียวกันที่แน่นอนจากกล่องโต้ตอบ Windows เวลานี้ด้วย CT:

หากคุณสนใจในสิ่งนี้ขึ้นอยู่กับดูบทความวิกิพีเดียในการแสดงผล subpixel และการเปิด ClearType จะส่งผลต่อการแสดงผลของเบราว์เซอร์หรือไม่ ข้อความ "อื่น ๆ " เดียวกันกับ Windows XP & Chrome 8 และ ClearType เปิดอยู่:

มันทำ! และในขณะที่เราอยู่ที่นี่ฉันอาจเพิ่ม (อย่างน้อย) IE 8 ใช้การแสดงผล ClearType แม้ว่าจะปิดการใช้งานในระดับ Windows

การเปรียบเทียบข้อความที่ถูกลบรอยหยักและ ClearTyped ใน 100% นั้นไม่ต่างจากการเปรียบเทียบข้อความ ClearTyped กับการไม่ลบล้าง มันโดดเด่นยิ่งขึ้นอย่างเห็นได้ชัดแม้ว่า:

aa: CT:

เพื่อดูว่ามีลักษณะที่เหมือนโดยไม่ต้องลดรอยหยักเพียงแค่มองไปที่หน้าจอของ littlemad

และสำหรับการเปรียบเทียบที่นี่เหมือนกัน "อื่น ๆ" ในการแสดงผลเริ่มต้นของ OS X: มากยิ่งขึ้นโดดเด่นยิ่งขึ้นกว่า ClearType

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

อีกคำถามหนึ่งคือสาเหตุที่ทำให้แบบอักษรบางแบบแสดงผลถูกต้องและบางแบบไม่ - ถ้าเป็นเช่นนั้น (แต่ฉันไม่เห็นปัญหาใด ๆ ในไซต์ที่คุณพูดถึงบน Windows) หรือคุณขอแบบอักษรที่จะดูเหมาะสมโดยไม่มีการเรนเดอร์ใด ๆ

และนี่คือคำตอบสำหรับคำถามที่ถามบ่อย: "ใช่ฉันรู้ทั้งหมดแล้ว - ทำไม ClearType จึงดูแตกต่างจากการแสดงผลของ OS X!"

เพราะมันต่างกัน การแสดงพิกเซลย่อยไม่ได้เป็นเรื่องง่ายนัก ClearType เป็นเครื่องหมายการค้าจดทะเบียนของ Microsoft และได้รับการคุ้มครองด้วยสิทธิบัตร10ฉบับ (+1 อยู่ระหว่างรอดูวิกิพีเดีย ) พวกเขาไม่สามารถเหมือนกัน

หากปัญหาเดียวกันกับคำถาม Stackoverflow ที่คุณอ้างถึงคำตอบก็ไม่เหมือนกันใช่ไหม

นั่นเป็นHintingปัญหา

เมื่อคุณสร้างชุดฟอนต์ใบหน้า (เช่นใน FontSquirrel) คุณต้องระบุคำแนะนำในตัวเลือกผู้เชี่ยวชาญ

เลือกผู้เชี่ยวชาญและภายใต้การแสดงผลให้เลือก:

ใช้คำแนะนำ - ปรับปรุงการเรนเดอร์ Win

ttfautohintสามารถนำมาใช้เพื่อสร้าง bytecode นัยของตัวอักษร; การตั้งค่าเริ่มต้น (รองรับ GDI) ควรช่วยให้หน้าต่างแสดงแบบอักษร

นี่ไม่มีอะไรเกี่ยวข้องกับเบราว์เซอร์ แต่เป็นหน้าต่างเอง

* ระบบ nix (unix / linux และ OSX รวมอยู่ในนี้เพราะมันมีฐาน Unix) มีตัวเลือกเพื่อควบคุมวิธีการแสดงข้อความอย่างละเอียดและโดยทั่วไปจะตั้งค่าการแสดงผล subpixel (ซึ่งมีคำอธิบายทางเทคนิคมากกว่าสิ่งที่ฉัน ฉันจะให้คุณ แต่มันใช้ subpixels (ส่วนสีแดง, สีเขียวและสีน้ำเงินของพิกเซลของหน้าจอของคุณ) เพื่อแสดงข้อความ) ที่ Windows ใช้ cleartype ซึ่งเป็นประเภทของการแสดงผลที่ฉันเป็นบิต คลุมเครือในกลไก

ค่อนข้างเป็นเพียงว่า Windows ไม่ได้แสดงผลพิกเซลย่อยไม่ใช่แบบอักษรหรือไฟล์ แต่เป็นระบบปฏิบัติการที่แสดงแบบอักษรและไฟล์เหล่านั้น

การเปิด ClearType บน Windows XP ของคุณ:

1) ทำตามคำแนะนำนี้: http://blogs.msdn.com/b/virtual_pc_guy/archive/2011/10/05/enabling-cleartype-on-windows-xp-mode.aspx

2) ทำตามสิ่งนี้ใน IExplorer ของคุณ: http://www.microsoft.com/typography/cleartype/tuner/step1.aspx

ใช้รหัสด้านล่างใน CSS

-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

มันอาจช่วยคุณได้