ทำไมตัวพิมพ์เล็กในขนาดตัวอักษร Google Sans จึงเปลี่ยนไปตามตัวอักษรถัดไป


9

ฉันเพิ่งเปลี่ยนไปใช้การออกแบบ GMail ใหม่ซึ่ง Google Sans ใช้สำหรับข้อความหัวเรื่องเมื่อแสดงอีเมล

ป้อนคำอธิบายรูปภาพที่นี่

ฉันสังเกตเห็นว่ามีตัวพิมพ์เล็ก 'r' ตามด้วย 't' - ใน 'Start' - 'r' สูงกว่า 'a' ก่อนหน้า อย่างไรก็ตามมันอยู่ที่ไหนตามด้วย 'a' - ใน 'เตรียม' - ตัวอักษรสองตัวมีความสูงเดียวกัน

เมื่อพยายามเลือกคำด้วยเมาส์จะไม่สามารถเลือก 'r' และ 't' แยกต่างหากดังนั้นสันนิษฐานว่ามีการผูกมัด เหตุใดขนาดของ 'r' จึงเพิ่มขึ้นถัดจาก 't' แต่ไม่ใช่ตัวอักษรอื่น


ฉันยังสังเกตเห็นสิ่งนี้ ... i.imgur.com/m15bBLH.png
Brandito

ฉันก็สังเกตเห็นเช่นกันและฉันก็ไม่ชอบมันเช่นกัน Firefox แสดงสูงขึ้นเช่นกัน แต่ IE11 / Edge ไม่ทำเช่นนั้น มีคนตัดสินใจว่าเป็นวิธีที่ถูกต้องในการแสดงจดหมาย ปัญหาจะแสดงเมื่อ 'r' ถูกตามด้วย 'f' เพราะมันมีเส้นประอยู่ด้วย และฉันสามารถเลือก r และ t แยกกัน
KS74

คำตอบ:


4

คุณสามารถเพิ่ม css font-variant-ligatures: no-common-ligatures (หรือ font-variant-ligatures: none) เพื่อป้องกันไม่ให้ Chrome (และ Firefox!) แสดงตัวตนนั้น IE / Edge ไม่มีข้อผิดพลาด

คุณสามารถแทรก & # 8204; ระหว่างทุกคู่ 'rt' และ 'rf' (ปัญหาแสดงให้เห็นในนั้นด้วย) ในข้อความต้นฉบับ (มันมองไม่เห็น) เพื่อให้เบราว์เซอร์คิดว่าตัวละครนั้นไม่ได้อยู่ติดกัน

และฉันสามารถเลือก r และ t แยกกัน


7

เพื่อให้ได้ส่วนโค้งของ R เหนือคานของ T ฉันจินตนาการ E และ A นั้นต่ำกว่าและโค้งมนดังนั้น R จึงพอดีกับพื้นที่เชิงลบของพวกมัน แต่ T จะเลื่อนไปทางซ้าย

มันชัดเจนจริงๆ มันทำให้ตาฉันระคายเคืองนิดหน่อย ผู้ออกแบบไม่ได้ทำงานที่ดีกับคู่ที่มัดนั้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.