การสนับสนุนเบราว์เซอร์และวิธีแก้ปัญหาสำหรับสัญลักษณ์ลีร่าตุรกี

แนวทางที่ดีที่สุดในปัจจุบันน่าจะเป็นการใช้แบบอักษรของ Google Source Sans Pro. ประกอบด้วย TURKISH LIRA อยู่ใน latin1-subset ดังนั้นคุณสามารถใช้เช่น

<link rel=stylesheet href=
"http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic&amp;subset=latin,latin-ext">
<style>
body { font-family: Source Sans Pro; }
</style>

อย่างไรก็ตาม นี่หมายความว่าคุณควรพิจารณาใช้ Source Sans Pro เป็นแบบอักษรโดยรวมของคุณ มีสองเหตุผลในเรื่องนี้ สมมติว่าคุณประกาศ font-family: Arial, Source Sans Pro เป็นต้น ประการแรก IE 9 ไม่สามารถเรนเดอร์ TURKISH LIRA ได้ (จริงๆ แล้วการใช้ฟอนต์ไม่ดีเลย) ประการที่สอง บนเบราว์เซอร์ที่ใช้แบบอักษรในทางเทคนิค OK นิพจน์เช่น "₺50" (ตัวเลขที่นำหน้าด้วย TURKISH LIRA) จะดูแปลก เนื่องจากตัวเลขจะสูงกว่าเครื่องหมายสกุลเงินมาก เหตุผลก็คือใน Source Sans Pro นั้น TURKISH LIRA ได้รับการออกแบบให้ตรงกับความสูงของตัวเลขในแบบอักษรนั้น และใน Arial ตัวเลขจะมีความสูงน้อยกว่า

อีกทางเลือกหนึ่ง คุณสามารถใช้รูปภาพ TURKISH LIRA ในขนาดที่ค่อนข้างใหญ่ และใช้องค์ประกอบ img เพื่อฝัง โดยตั้งค่าคุณสมบัติ height ในหน่วย em เพื่อให้ปรับขนาดตามขนาดตัวอักษร สาเหตุของขนาดใหญ่ก็คือรูปภาพโดยทั่วไปจะลดขนาดลงได้มากแต่ไม่ขึ้นมากขนาดนั้น ใน คำแนะนำในการใช้อักขระพิเศษใน HTML ฉันขอแนะนำให้ใช้ height: 0.8em สำหรับอักขระที่ฝังเป็นรูปภาพ แต่ขนาดที่แน่นอนนั้นขึ้นอยู่กับการออกแบบอักขระและรูปภาพ และควรเกี่ยวข้องกับอักขระในแบบอักษรอย่างไร หลักการปกติคือการทำให้อักขระสกุลเงินเช่น “$”, “£” และ “€” มีความสูงเท่ากับตัวเลข (โดยเฉพาะ “ตัวเลขซับใน” หรือ “ตัวเลขตัวพิมพ์ใหญ่” ซึ่งเป็นค่าแบบอักษรส่วนใหญ่ตามค่าเริ่มต้น Source Sans Pro มี "ตัวเลขแบบเก่า" ด้วยเช่นกัน แต่ต้องเลือกโดยใช้ CSS)

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

ป.ล. นี่เป็นปัญหาแบบอักษร ไม่ใช่ปัญหาเบราว์เซอร์ แม้ว่าเบราว์เซอร์บางตัว (IE) ยังคงมีปัญหาในการรับอักขระจากแบบอักษรที่แตกต่างกัน

คุณสามารถส่งแบบอักษรของคุณเองผ่านทางเว็บได้ทาง: https://developer.mozilla.org/en-US/docs/CSS/@font-face และสร้างแบบอักษรของคุณเองผ่าน http://fontforge.org/

หากคุณใช้ XML และข้อกำหนดของคุณไม่อนุญาต คุณสามารถใช้เอนทิตีเพื่อกำหนดมาร์กอัปบางส่วนซึ่งรวมถึงมาร์กอัปรูปภาพในขณะนั้น (และอาจถูกแทนที่ด้วยอักขระ Unicode ในภายหลัง) หรือทำสิ่งที่คล้ายกันใน HTML ผ่าน JS หรือ CSS

ฉันคิดว่า 'ไม่ทำอะไรเลย' เป็นความคิดที่ดีที่สุด หากเบราว์เซอร์ / แบบอักษรของผู้ใช้ไม่รองรับ แสดงว่าผู้ใช้จำเป็นต้องอัปเกรด ทุกสิ่งที่คุณทำในฝั่งเซิร์ฟเวอร์จะถือเป็นการแฮ็ก (แม้ว่าการส่งแบบอักษรผ่าน CSS ก็ไม่ใช่ความคิดที่ไม่ดี) หากแอปของคุณรองรับ Unicode ที่กำหนดเองในข้อความที่ผู้ใช้ให้มา ในที่สุดแอปพลิเคชันของคุณก็จะเป็นไปตามข้อกำหนด เนื่องจากเบราว์เซอร์และอุปกรณ์รุ่นเก่าจะถูกแทนที่ด้วยเบราว์เซอร์ที่ใหม่กว่า

การอธิบายเรื่องนี้ให้หัวหน้าของคุณฟังเป็นส่วนที่ยาก