[解決済み】ダウンロードしたフォントのデコードに失敗しました。

質問

これは私がChromeで受けているエラーで、残念ながら検索してもあまりヒットしないのです。フォント自体は正しく表示されています。しかし、このエラー/警告が表示されます。具体的には、この警告の全文です。

"ダウンロードしたフォントのデコードに失敗しました。 http://localhost:8000/app/fonts/Lato/ "

私のCSSはこれです。

@font-face {
    font-family:"Lato";
    src: url("../fonts/Lato/");
}

html, body {
    font-family:'Lato';
}

どうしても理解できません。フォントは正しく適用されるのですが、警告が常に出ています。を使おうとしています。 Sans-Serif を実行すると、通常のブラウザフォントに戻るので、それが原因かもしれませんが、よくわからず、検索しても何も出てきません。ありがとうございました。

EDIT

様々なフォントファイルがありますが、すべて同じファミリーのものです。それらをすべて読み込もうとしています。フォントファイルは .ttf. ローカルフォルダから読み込んでいるのですが、様々なフォントファイルがあり、例えば Lato-Black.ttf, {コード , {コード など。

解決方法

cssルールの中に、ファイルの拡張子を追加する必要があります。 この例では、可能な限り深いサポートをしています。

Lato-Bold.ttf

EDIT

「ダウンロードしたフォントのデコードに失敗しました」は、フォントが破損しているか、不完全であることを意味します（メトリクス、必要なテーブル、ネーミングレコードなど、考えられるものはいくらでもあります）。

この問題は、フォントそのものが原因であることもあります。Googleフォントは必要なフォントを提供してくれますが、フォントフェイスが必要な場合、私は トランスフォンター を使用して、すべてのフォント形式を生成します。

FTPクライアントが原因でファイルが破損することがあります（この場合はローカルPCにあるためありません）。ASCIIではなくバイナリで転送してください。