/ / 'Access-Control-Allow-Origin'がうまく機能しない - html、css、.htaccess、cors

'Access-Control-Allow-Origin'がうまく機能しない - html、css、.htaccess、cors

ドメイン間でカスタムフォントを読み込もうとしていますが、ブラウザのエラーのために読み込めません。

リクエストに "Access-Control-Allow-Origin"ヘッダーがありません リソース

必要なヘッダをレスポンスに追加しても問題は解決しません(StackOverflowで同様の質問をよく読んでもうまくいきませんでした)。

これは例です 問題を示すページの

ここに画像の説明を入力


フォントファイルを含むフォルダに..追加しました .htaccess 以下

<IfModule mod_headers.c>
<FilesMatch ".(ttf|ttc|otf|eot|woff|woff2|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
Header set Timing-Allow-Origin "*"
Header set Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"
</FilesMatch>
</IfModule>

そしてヘッダをテストするとき ここに ..彼らはうまく働いているように見えます

ここに画像の説明を入力


しかしフォントはまだロードできません:(

"Access-Control-Allow-Origin"を正しく機能させる方法はありますか。

回答:

回答№1は0

あなたの正規表現はプロパティではありませんあなたが "。()"で始まっているので、あなたは名前の最初の部分でコンテンツを許可していないので、あなたは.ttfのような名前を許可しているだけなので、どのファイルもマッチしません。

これに示すように、正しい式は "((^ $)|(^。+。(ttf | ttx)$))"になります。 質問