CSSエラー:ダウンロードしたフォントのデコードに失敗しました-あなたはそれを行うことができます
CSSエラー「ダウンロードしたフォントのデコードに失敗しました」にはさまざまな原因があります。 この実用的なヒントでは、可能な解決策の前にエラーメッセージの最も一般的なものを紹介します。
CSSエラーダウンロードしたフォントのデコードに失敗しました:破損したフォント
このエラーにはさまざまな原因があり、多くの場合、特定のブラウザーでのみ発生します。 多くの場合、エラーは不正なフォントを示しています。
- フォントがサーバーにコピーされる前に既にエラーが発生している可能性があります。 ただし、コピー中に破損した可能性もあります。
- フォントの損傷を防ぐには、Transfonterなどのオンラインツールを使用して、フォントを適切な形式に変換します。
- サーバーにコピーするときは、フォントがASCI形式ではなくバイナリとしてコピーされていることを確認してください。
- 一部のクライアントはフォントを誤って送信するため、FTPクライアントを変更する必要がある場合もあります。
- FontLibraryまたはGoogleからフォントをインポートすることにより、正しいフォントを使用していることを確認することもできます。
誤ったフォント統合によるCSSエラー
「ダウンロードしたフォントのデコードに失敗しました」という警告につながる別の典型的なエラーは、フォントの不正確な組み込みです。
- 「src」タグを使用して、CSSスタイルシートにフォントを含める必要があります。
- 可能であれば、フォントの形式も定義する必要があります。 「webfont」フォントの統合の次の例では、関連するコードセクションが太字でマークされています。
- @ font-face {font-family: 'MyWebFont'; src:url( 'webfont.eot'); / * IE9互換モード* / src:url( 'webfont.eot?#Iefix') format( 'embedded-opentype') 、/ * IE6-IE8 * / url( 'webfont.woff2') format( 'woff2') 、/ *スーパーモダンブラウザー* / url( 'webfont.woff') 形式( 'woff') 、/ *プリティモダンブラウザー* /
url( 'webfont.ttf') format ( 'truetype')、/ * Safari、Android、iOS * / url( 'webfont.svg#svgFontName') format( 'svg') ; / *レガシーiOS * /}
別の実用的なヒントでは、知らないフォントの名前を取得する方法を説明します。