ข้อผิดพลาด CSS: ไม่สามารถถอดรหัสแบบอักษรที่ดาวน์โหลด - คุณสามารถทำได้
ข้อผิดพลาด CSS "ไม่สามารถถอดรหัสแบบอักษรที่ดาวน์โหลด" อาจมีสาเหตุที่แตกต่างกัน ในเคล็ดลับที่ใช้งานได้จริงนี้เราจะนำเสนอข้อผิดพลาดที่พบบ่อยที่สุดก่อนวิธีแก้ไขที่เป็นไปได้
ข้อผิดพลาดของ CSS ไม่สามารถถอดรหัสแบบอักษรที่ดาวน์โหลด: แบบอักษรที่เสียหาย
ข้อผิดพลาดอาจมีสาเหตุต่าง ๆ และมักเกิดขึ้นในเบราว์เซอร์บางอย่างเท่านั้น ในหลายกรณีข้อผิดพลาดบ่งชี้ว่าแบบอักษรไม่ถูกต้อง
- เป็นไปได้ว่าแบบอักษรมีข้อผิดพลาดก่อนที่จะคัดลอกไปยังเซิร์ฟเวอร์ อย่างไรก็ตามอาจมีความเสียหายระหว่างการคัดลอก
- เพื่อป้องกันความเสียหายแบบอักษรใช้เครื่องมือออนไลน์เช่น Transfonter เพื่อแปลงแบบอักษรของคุณเป็นรูปแบบที่เหมาะสม
- เมื่อคัดลอกไปยังเซิร์ฟเวอร์ของคุณตรวจสอบให้แน่ใจว่าแบบอักษรถูกคัดลอกเป็นไบนารีและไม่เป็นรูปแบบ ASCI
- คุณอาจต้องเปลี่ยนไคลเอนต์ FTP ของคุณเนื่องจากไคลเอนต์บางรายส่งแบบอักษรไม่ถูกต้อง
- คุณสามารถมั่นใจได้ว่าคุณใช้แบบอักษรที่ถูกต้องโดยการนำเข้าแบบอักษรของคุณจาก FontLibrary หรือจาก Google
ข้อผิดพลาด CSS เนื่องจากการรวมแบบอักษรที่ไม่ถูกต้อง
ข้อผิดพลาดทั่วไปอื่นที่นำไปสู่คำเตือน "ไม่สามารถถอดรหัสแบบอักษรที่ดาวน์โหลด" คือการรวมตัวอักษรที่ไม่ถูกต้อง
- แบบอักษรต้องรวมอยู่ในสไตล์ชีต CSS โดยใช้แท็ก "src"
- หากเป็นไปได้ควรกำหนดรูปแบบของแบบอักษรด้วย ในตัวอย่างต่อไปนี้สำหรับการรวมของแบบอักษร "webfont" ส่วนรหัสที่เกี่ยวข้องจะถูกทำเครื่องหมายด้วยตัวหนา
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * โหมดการทำงานร่วมกันของ IE9 * / src: url ('webfont.eot? #Iefix') รูปแบบ ('embedded-opentype'), / * IE6-IE8 * / url ('webfont.woff2') รูปแบบ ('woff2'), / * เบราว์เซอร์ Super Modern * / url ('webfont.woff') รูปแบบ ('woff'), / * เบราว์เซอร์ Modern Pretty * /
รูปแบบ url ('webfont.ttf') ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') รูปแบบ ('svg') ; / * Legacy iOS * /}
เคล็ดลับที่ใช้งานได้อื่นจะบอกวิธีรับชื่อของแบบอักษรที่คุณไม่ทราบ