ตระกูลฟอนต์ css : ทำไมฟอนต์บางตัวไม่แสดงผลบนมือถือ

มีใครรู้บ้างว่าทำไมตระกูลฟอนต์บางตระกูลของฉันจึงไม่แสดงผลบนอุปกรณ์มือถือบางรุ่น นี่คือหน้าที่สาธิตแบบอักษร:

http://jl.evermight.com/font/

แบบอักษรแสดงผลอย่างถูกต้องบนเบราว์เซอร์ Chrome บนเดสก์ท็อป, iPad และ iPhone แต่เมื่อฉันดูหน้านั้นบนกาแล็กซี่โน้ตของฉัน แบบอักษร Have A Nice Day จะแสดงผลเป็นสิ่งที่ดูเหมือน Arial สำหรับ Nexus 4 ของเพื่อนๆ ของฉัน Have a nice day ทำงานได้ดี แต่จักรวาลควบแน่นเรนเดอร์เป็นสิ่งที่ดูเหมือน Arial

ไม่มีใครรู้ว่าทำไม?

ฉันได้แนบภาพหน้าจอของแบบอักษรที่ควรมีลักษณะดังนี้ป้อนคำอธิบายรูปภาพที่นี่

หมายเหตุเพิ่มเติม บางคนอ้างว่า Have a nice day ไม่สามารถใช้งานได้ใน Firefox หรือ IE10 สำหรับฉัน ฟอนต์นี้ใช้ได้กับ Firefox ฉันไม่มี IE10 จึงไม่สามารถตรวจสอบได้

ฉันจะทำให้แบบอักษรนี้ทำงานบน Android ของฉันได้อย่างไร

หมายเหตุเพิ่มเติม ฉันพิมพ์ผิดในเส้นทางลิงก์ไปยังไฟล์ css ของฉัน ฉันแก้ไขมันแล้ว แต่ปัญหายังคงปรากฏในเบราว์เซอร์ droid ของฉัน


css font-face font-family
person John    schedule 22.02.2013    source แหล่งที่มา
comment
ไม่แสดงผลบน Firefox เช่นกัน อาจเกี่ยวข้องกับรูปแบบแบบอักษรที่รองรับของเบราว์เซอร์   -  person Fabrício Matté    schedule 22.02.2013
comment
BTW มันทำงานได้ดีบนเบราว์เซอร์ Chrome ของ Galaxy Note ของฉัน คุณมีปัญหากับเบราว์เซอร์ Android ดั้งเดิมหรือเบราว์เซอร์ใด   -  person Fabrício Matté    schedule 22.02.2013
comment
ถูกต้อง ฉันใช้เบราว์เซอร์ droid ดั้งเดิม   -  person John    schedule 22.02.2013

คำตอบ (4)


arrow_upward
0
arrow_downward

เพิ่งลองใช้ลิงก์บนโทรศัพท์ของฉัน - HTC 8s ทุกอย่างดูเหมือนจะทำงานได้ดี ด้านล่างเป็นภาพหน้าจอสำหรับสิ่งเดียวกัน

บน HTC 8S

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

บน IE 10

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

person Yasser Shaikh    schedule 22.02.2013
comment
สวัสดียัสเซอร์ จริงๆ แล้วในภาพของคุณ แบบอักษรสองตัวสุดท้ายทำงานไม่ถูกต้อง เปรียบเทียบ HAVEANICEDAY ของคุณกับอันจากคำถามของฉัน คุณกำลังประสบปัญหาเดียวกันกับกาแล็กซีโน้ตของฉัน - person John; 22.02.2013
comment
แต่ฟอนต์สองตัวเดียวกันก็ใช้งานไม่ได้บน IE 10 เช่นกัน ดังนั้นจึงยังไม่เป็นปัญหาเกี่ยวกับมือถือ มันเป็นปัญหาของเบราว์เซอร์ (ได้เพิ่มภาพหน้าจอจาก IE) - person Yasser Shaikh; 22.02.2013
comment
Firefox และ IE (และ Native droid) ไม่รองรับแบบอักษรเหล่านั้นด้วยเหตุผลบางประการ ฉันเชื่อว่านั่นเป็นคำถามของ OP - person Fabrício Matté; 22.02.2013
comment
@ FabrícioMatté - หากเป็นเช่นนั้น มีวิธีทำให้มันทำงานในเบราว์เซอร์เหล่านี้ได้หรือไม่ - person John; 22.02.2013
comment
โอ้แปลก ฉันทดสอบกับ Firefox 18, 19 และ 22a แล้ว แต่ใช้ไม่ได้กับสิ่งเหล่านี้ คิดเกี่ยวกับการแปลงไฟล์ woff และ ttf อีกครั้ง แม้ว่านั่นจะไม่ใช่ปัญหาก็ตาม ฉันยังมีไฟล์ฟอนต์ที่ใช้งานไม่ได้ในบางเบราว์เซอร์ - person Fabrício Matté; 22.02.2013
comment
ฉันเพิ่งแก้ไขข้อผิดพลาดในการพิมพ์ URL ที่อาจทำให้เกิดปัญหากับ Firefox และ IE10 ดังนั้นลองอีกครั้งใน FF และ IE อย่างไรก็ตาม เบราว์เซอร์ Android ยังคงเป็นปัญหาอยู่ - person John; 22.02.2013

arrow_upward
0
arrow_downward

อาจเป็นไปได้ว่าเป็นปัญหาในการดาวน์โหลด แบบอักษรที่แสดงอยู่ในการประกาศของคุณควรใช้งานได้กับเบราว์เซอร์ส่วนใหญ่ (เพียงตรวจสอบให้แน่ใจว่าคุณไม่ได้อยู่ใน Opera Mini เพราะไม่รองรับสิ่งใดมากนัก)

นอกจากนี้ Have a Nice Day ยังโหลดผ่านการประกาศ @font-face ในไฟล์ CSS แต่รายการอื่นๆ ดูเหมือนจะโหลดจาก JavaScript ซึ่งอาจเป็นส่วนหนึ่งของปัญหา Droid Sans ใช้งานบนโทรศัพท์ Android โดยค่าเริ่มต้น ดังนั้นจึงมีแนวโน้มว่าจะดึงออกมาในเครื่อง ซึ่งเป็นเหตุผลว่าทำไมจึงทำงานบนกระดานบน Android ได้ทั้งหมด จากนั้น อาจมีความแตกต่างในการรองรับ JavaScript (หาก Universe ไม่ทำงาน JS จะไม่เปิด เป็นต้น)

อีกสิ่งหนึ่งที่อาจช่วยได้คือการเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในเบราว์เซอร์เดสก์ท็อปที่ไม่ทำงาน (ในกรณีของ Firefox คุณจะต้องเลือกส่วนขยาย Firebug) ตรวจสอบแท็บ "Net" หรือ "Network" และดูว่าไฟล์แบบอักษรของคุณกำลังถูกดาวน์โหลดหรือไม่

หากยังไม่ได้ผล ให้ลองเรียงลำดับไฟล์ฟอนต์ในการประกาศ ฉันเคยเห็นเบราว์เซอร์มีปัญหากับคำสั่งซื้อ

นอกจากนี้ แบบอักษร Droid Serif ยังมีให้บริการจาก Google Web Fonts ซึ่งใช้งานได้ข้ามเบราว์เซอร์โดยไม่ต้องกังวลใจเล็กน้อย มันอาจจะคุ้มค่าที่จะดูว่ามีฟอนต์อื่นๆ ของคุณ (หรืออะไรที่ใกล้เคียง) อยู่ที่นั่นด้วยหรือไม่ และใช้ Web Font Loader ของ Google เพื่อโหลดฟอนต์ของคุณ

person Shauna    schedule 22.02.2013

arrow_upward
0
arrow_downward

ปัญหาได้รับการแก้ไขแล้ว เห็นได้ชัดว่ามีข้อผิดพลาดใน myfonts.com ที่ทำให้ไฟล์ฟอนต์ของฉันเสียหาย ฉันติดต่อ myfonts.com แล้วพวกเขาก็แก้ไขปัญหาได้ทันที จากนั้นส่งไฟล์ฟอนต์มาให้ฉันอีกครั้ง ตอนนี้ทุกอย่างทำงานได้อย่างสมบูรณ์แบบ

ทีมงาน myfonts.com ยอดเยี่ยมมาก บริการสนับสนุนลูกค้า + เทคโนโลยีที่ดีมาก

person John    schedule 22.02.2013

arrow_upward
-1
arrow_downward

ด้านล่างนี้คือลิงค์ไปยังวิธีที่ฉันทำ @fontfaces เพื่อความเข้ากันได้ข้ามเบราว์เซอร์

แบบอักษรข้ามเบราว์เซอร์

person Michael Merrill    schedule 22.02.2013
comment
แม้ว่าสิ่งนี้อาจจะหรืออาจจะไม่ตอบคำถามในทางเทคนิค แต่คุณควรเขียนคำอธิบายที่ดีกว่าไว้ในคำตอบของคุณ เป็นที่รู้กันว่าลิงก์ใช้งานไม่ได้ ดังนั้นคำตอบที่ขึ้นอยู่กับลิงก์อาจไม่มีประโยชน์ในอนาคต - person Shauna; 22.02.2013