Σφάλμα CSS: Αποτυχία αποκωδικοποίησης της γραμματοσειράς που έχετε λάβει - μπορείτε να το κάνετε αυτό

Το σφάλμα CSS "Αποτυχία αποκωδικοποίησης κατεβασμένης γραμματοσειράς" μπορεί να έχει διαφορετικές αιτίες. Σε αυτή την πρακτική συμβουλή, παρουσιάζουμε τις πιο συνηθισμένες για το μήνυμα σφάλματος πριν από πιθανές λύσεις.

Σφάλμα CSS Αποτυχία αποκωδικοποίησης της γραμματοσειράς που έχετε κατεβάσει: Χαλασμένη γραμματοσειρά

Το σφάλμα μπορεί να έχει διάφορες αιτίες και συχνά εμφανίζεται μόνο σε ορισμένα προγράμματα περιήγησης. Σε πολλές περιπτώσεις, το σφάλμα υποδεικνύει λανθασμένη γραμματοσειρά.

• Είναι πιθανό ότι η γραμματοσειρά είχε ήδη ένα σφάλμα πριν να αντιγραφεί στο διακομιστή. Ωστόσο, μπορεί επίσης να έχει καταστραφεί κατά την αντιγραφή.
• Για να αποφύγετε τη ζημιά στη γραμματοσειρά, χρησιμοποιήστε ηλεκτρονικά εργαλεία όπως το Transfonter για να μετατρέψετε τη γραμματοσειρά σας σε κατάλληλες μορφές.
• Όταν αντιγράφετε στον διακομιστή σας, βεβαιωθείτε ότι η γραμματοσειρά αντιγράφεται ως δυαδική και όχι ως μορφή ASCI.
• Μπορεί επίσης να χρειαστεί να αλλάξετε το πρόγραμμα-πελάτη FTP, επειδή ορισμένοι υπολογιστές μεταδίδουν λανθασμένα τις γραμματοσειρές.
• Μπορείτε επίσης να βεβαιωθείτε ότι χρησιμοποιείτε τις σωστές γραμματοσειρές εισάγοντας τις γραμματοσειρές σας από το FontLibrary ή από το Google.

Σφάλμα CSS λόγω εσφαλμένης ενσωμάτωσης γραμματοσειρών

Ένα άλλο τυπικό σφάλμα που οδηγεί στην προειδοποίηση "Αποτυχία αποκωδικοποίησης κατεβασμένης γραμματοσειράς" είναι η εσφαλμένη ενσωμάτωση της γραμματοσειράς.

• Οι γραμματοσειρές πρέπει να περιλαμβάνονται στο φύλλο στυλ CSS χρησιμοποιώντας την ετικέτα "src".
• Εάν είναι δυνατόν, πρέπει επίσης να οριστεί η μορφή της γραμματοσειράς. Στο παρακάτω παράδειγμα για την ενσωμάτωση της γραμματοσειράς "webfont", οι σχετικές ενότητες κώδικα σημειώνονται με έντονους χαρακτήρες.
• @ γραμματοσειρά {font-family: 'MyWebFont'; src: url ('webfont.eot'). / * IE9-IE8 * / url ('webfont.woff2') μορφή ('woff2') * / IE9 Μορφές Compat * / src: url ('webfont.eot;, / * Super Modern Browsers * / url ('webfont.woff') μορφή ('woff'), / * Αρκετά μοντέρνα προγράμματα περιήγησης * /
  url ('webfont.ttf') μορφή ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') μορφή ('svg') ? / * Legacy iOS * /}

Μια άλλη πρακτική συμβουλή θα σας πει πώς να αποκτήσετε το όνομα γραμματοσειράς που δεν γνωρίζετε.