ไม่มีส่วนหัวการตอบกลับการแชร์ทรัพยากรข้ามต้นทาง (CORS)
เบราว์เซอร์:
- Firefox (3.5 ขึ้นไป)
- Internet Explorer (9 ขึ้นไป)
- Chrome (37 ขึ้นไป)
ภาพรวม
Chrome, Firefox และ Internet Explorer เวอร์ชันใหม่จะบังคับใช้ มาตรฐานการแชร์ทรัพยากร ดังนั้นจึงแสดงผลเฉพาะแบบอักษรเว็บที่แสดงโดยมี ส่วนหัวการตอบกลับ “Access-Control-Allow-Origin” ที่เหมาะสม Google Fonts อาจ สามารถดูได้บนโดเมนใดๆ แบบอักษรจะแสดงพร้อมกับการตอบกลับต่อไปนี้ ส่วนหัว:
Access-Control-Allow-Origin:*
สาเหตุที่เป็นไปได้
พร็อกซีบางรุ่นอาจตัดส่วนหัวออกจากการตอบสนอง และหลังจากนั้นเบราว์เซอร์ จะไม่แสดงแบบอักษร
กำลังวินิจฉัย
เมื่อใช้ Chrome ให้ตรวจสอบข้อความเตือนที่เกี่ยวข้องใน คอนโซลเครื่องมือสำหรับนักพัฒนาเว็บ
สำหรับ Firefox คุณสามารถใช้ส่วนขยาย Firebug หรือ Live HTTP Headers เพื่อ ดูส่วนหัวการตอบกลับเพื่อยืนยันว่ามีส่วนหัวการตอบกลับ CORS
ลิงก์
แบบอักษรเว็บไม่แสดงบน Firefox เมื่อติดตั้งปลั๊กอิน NoScript
เบราว์เซอร์: * Firefox (3.5+)
ภาพรวม
Firefox จะไม่แสดงแบบอักษรของเว็บเมื่อติดตั้งปลั๊กอิน NoScript ไว้
สาเหตุที่เป็นไปได้
โดยค่าเริ่มต้น ปลั๊กอิน NoScript จะปิดใช้งานกฎ @font-face
โซลูชัน
เปิดตัวเลือก NoScript ไปที่แท็บการฝัง แล้วยกเลิกการเลือก: Forbid @แบบอักษร
แบบอักษรของเว็บไม่แสดงขึ้น
เบราว์เซอร์: * ทั้งหมด
ภาพรวม
แบบอักษรของเว็บที่ใช้ไม่แสดง
สาเหตุที่เป็นไปได้
มีข้อผิดพลาดใน URL ของ API หรือสไตล์ที่แบบอักษรไม่รองรับ มีการขอแล้ว
โซลูชัน
ตรวจสอบว่า URL อยู่ในรูปแบบที่ถูกต้อง ตรงตามตัวพิมพ์ใหญ่-เล็ก ชื่อของแบบอักษร (เช่น Droid Serif ไม่ใช่ droid serif) ไวยากรณ์สำหรับน้ำหนัก และใช้รูปแบบต่างๆ ตลอดจนไวยากรณ์สำหรับโหลดกลุ่มไฟล์หลายกลุ่ม (โปรดดู เอกสารประกอบ: การเริ่มต้นใช้งาน - ไวยากรณ์ เมื่อแบบอักษรไม่ปรากฏขึ้น การดูเนื้อหาของสไตล์ชีตอาจ เพื่อให้ทราบข้อมูลเพิ่มเติมเกี่ยวกับปัญหาที่เกิดขึ้น โดยคัดลอกและวาง URL ใน เบราว์เซอร์และตรวจสอบว่าคุณไม่พบข้อความแสดงข้อผิดพลาด เช่น การส่งคำขอ ไม่รองรับน้ำหนัก Droid Serif จะปรากฏขึ้น ข้อความแสดงข้อผิดพลาดต่อไปนี้
/* Droid Serif (style: normal, weight: 300) is not available */ /* However, style: normal, weight: normal is available */ /* However, style: italic, weight: normal is available */ /* However, style: normal, weight: bold is available */ /* However, style: italic, weight: bold is available */ /* Not supported. */
แบบอักษรของเว็บจะดูหนาขึ้นเมื่อใช้ในส่วนหัว
เบราว์เซอร์: * ทั้งหมด
ภาพรวม
แบบอักษรจะดูหนาขึ้นเมื่อใช้ในส่วนหัว (h1, h2 ฯลฯ) แม้ว่าแบบอักษร เป็นน้ำหนักปกติ (400)
สาเหตุที่เป็นไปได้
เบราว์เซอร์ทำให้ข้อความเป็นตัวหนาโดยอัตโนมัติ
โซลูชัน
ตรวจสอบว่าได้ระบุน้ำหนักแบบอักษรที่ถูกต้องในกฎ CSS การใช้แบบอักษรกับส่วนหัว:
h1 {
font-family: Lobster, cursive;
font-weight: 400;
}