CSS error Failed to decode the downloaded font: Damaged Font
The error can have different causes, and often occurs only in certain browsers. In many cases, the error indicates a faulty Font.
- It is possible that the Font was already in front of the Copy on the Server an error. You can, however, also been when you Copy damaged.
- To damage to the Font to prevent, use Online Tools, such as, for example, Transfonter your Font in appropriate formats.
- Make sure the Copy on your Server the fact that the Font as Binary and not as ASCII Format is copied.
- You may change your FTP-Client, because some Clients transfer fonts to be faulty.
- Ensure that you have the correct fonts to use, you can also, by your fonts from the font library or from Google import.
The CSS-errors "Failed to decode the downloaded font" suggests a damaged Font.
Screenshot Of Jacob Lochner
CSS errors due to faulty Integration of the Font
Another typical error that leads to the warning "Failed to decode the downloaded font" is the wrong Embed of the Font.
- Fonts must be embedded in the CSS style sheet using the Tag "src".
- This should be defined to be equal to the Format of the Font. In the following example, for the Embedding of the Font "webfont" are highlighted in the relevant sections of the Code, of fat.
- @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ }
As the name of a Font get out, you don't know, know you in a further practical tip.
