web-dev-qa-db-ja.com

フォントファイルにアクセス中の404エラー

次のようにカスタムフォントを追加しました

  1. Webフォントファイルをアップロードして、777権限を与えました

    http://example.com/wp-content/themes/mytheme/css/fonts/

  2. Cssファイルにルールを追加しました

    @font-face { font-family: 'museo_sans700'; src: url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.eot'); src: url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'), url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.woff') format('woff'), url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.ttf') format('truetype'), url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.svg#museo_sans700') format('svg'); font-weight: normal; font-style: normal; }

ただし、フォントファミリを使用中/アクセス中に404エラーが発生する

付属のスナップ enter image description here

どんな手掛かり??なぜこれが起こっているのですか?

1
echoashu

絶対パスではなくショートパスファイルのURLを使用してください。

そのため、コードは次のようになります。

@font-face{ /* for IE */
font-family:FontFamily;
src:url(Font.eot);
}
@font-face { /* for non-IE */
font-family:FontFamily;
src:url(http://) format("No-IE-404"),url(Font.ttf) format("truetype");
}

読み取り可能なWebが、ネイティブに圧縮されたEOTファイルを迅速かつ容易に作成するための最初の@ font-face関連ソフトウェアユーティリティをリリースしたことを確認してください。

これがあなたの解決策ではないなら、あなたは https://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files をチェックする必要があります。

404はファイルの略語で、アクセスしようとしているURLでは利用できません。指定したディレクトリのファイルパスとファイルを確認してください。

パーミッションも確認してください。ファイルに対するパーミッション:644ディレクトリ:755

0
sohan