שגיאת CSS: לא ניתן לפענח את הגופן שהורדת - אתה יכול לעשות זאת

לשגיאת CSS "לא ניתן לפענח את הגופן שהורדת" יכולות להיות סיבות שונות. בטיפ מעשי זה אנו מציגים את הנפוצים ביותר להודעת השגיאה לפני פתרונות אפשריים.

שגיאת CSS נכשלה בפענוח הגופן שהורדת: גופן פגום

לשגיאה יכולות להיות סיבות שונות ולעיתים קרובות מתרחשות רק בדפדפנים מסוימים. במקרים רבים, השגיאה מצביעה על גופן שגוי.

יתכן כי לגופן כבר הייתה שגיאה לפני שהועתקה לשרת. עם זאת, זה יכול להיפגע גם בעת ההעתקה.
כדי למנוע נזק בגופנים, השתמש בכלים מקוונים כגון Transfonter כדי להמיר את הגופן לפורמטים מתאימים.
בעת ההעתקה לשרת, וודא שהגופן מועתק כבינארי ולא כפורמט ASCI.
יתכן שתצטרך לשנות את לקוח ה- FTP שלך מכיוון שלקוחות מסוימים משדרים גופנים בצורה שגויה.
אתה יכול גם להבטיח שאתה משתמש בגופנים נכונים על ידי ייבוא הגופנים שלך מ- FontLibrary או מגוגל.

שגיאה אופיינית נוספת שמובילה לאזהרה "נכשלה בפענוח הגופן שהורדת" היא שילוב שגוי של הגופן.

יש לכלול גופנים בגיליון הסגנון של CSS באמצעות התג "src".
במידת האפשר, יש להגדיר את תבנית הגופן. בדוגמה הבאה לשילוב הגופן "webfont", קטעי הקוד הרלוונטיים מסומנים כמודגש.
@ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * מצבי תצורה של IE9 * / src: url ('webfont.eot? #Iefix') פורמט ('מוטבע-opentype'), / * IE6-IE8 * / url ('webfont.woff2') ('woff2'), / * דפדפני סופר מודרניים * / url ('webfont.woff') ('woff'), / * דפדפנים מודרניים למדי * /
פורמט url ('webfont.ttf') ('סוג truet'), / * ספארי, אנדרואיד, iOS * / url ('webfont.svg # svgFontName') פורמט ('svg') ; / * מדור קודם iOS * /}

טיפ מעשי נוסף יגיד לכם כיצד לקבל שם פונט שאינכם מכירים.