CORSが解消しない。

Question

環境

メインのコーポレートサイトがヘテムルで、そこにフォントファイルをアップしています（wwwドメイン）。
カラーミーショップをコーポレートのサブドメインを利用して運用していますが、wwwドメインのほうにアップしてあるCSSにて

@font-face {
  font-family: "font-name";
  src: url("//www.XXXXX.jp/font/font-file.ttf");
・・・

といった形でフォントを読み込んでます。

エラー内容

何をどうやっても以下エラーでChrome,Firefox,Edgeにてフォントが読み込まれません。

Access to font at 'https://www.XXXXX.jp/font/brown/font-file.woff' 
from origin 'https://shop.XXXXX.jp' has been blocked by CORS policy: 
The 'Access-Control-Allow-Origin' header has a value 'http://shop.XXXXX.jp' 
that is not equal to the supplied origin.

なぜかmacのSafariとiOSのChrome,Safariは読み込まれていてCORSエラーが出ず、問題ないようです。
（当方macなのでWin環境は未確認です）

header has a value 'http://shop.XXXXX.jp' 〜 とあるのですがカラーミーはhttpsで運用しているためおかしいなと思ったのですが、この辺に何かヒントがあるのでしょうか。。

対策したこと

.htaccessにて

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"
  </FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    SetEnvIf Origin "^https?://shop.XXXXX.jp$" ORIGIN=$0
    Header set Access-Control-Allow-Origin %{ORIGIN}e env=ORIGIN
  </FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    Header append Access-Control-Allow-Origin: *
  </FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    Header set Access-Control-Allow-Origin: *
  </FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    Header append Access-Control-Allow-Origin: "https://shop.XXXXX.jp"
  </FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    Header set Access-Control-Allow-Origin: "https://shop.XXXXX.jp"
  </FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(ttf|otf|eot|woff)$">
    Header set Access-Control-Allow-Origin: "https://shop.XXXXX.jp"
  </FilesMatch>
</IfModule>

などネットの情報を頼りにあらゆるパターンをやってみました。(上記はいっぺんにではなく一つずつ試しました)
それでもダメで、WPでwww側のサイトは構築しているので、functions.phpに

<?php
header("Access-Control-Allow-Origin: *");

とも記述してみました。がダメでした。

以上になりますが、何かお気づきの方いればヒントをお願いいたします。

Comments

[ex025]

<?php
header("Access-Control-Allow-Origin: http://shop.XXXXX.jp");

ワイルドカードを用いた指定「*」は、ブラウザによってはセキュリティ上の理由で弾いている可能性があります。具体的な値を設定してみてください。

[1000]

ありがとうございます。試してみましたがやはりダメでして、おかしいと思って発想を変えたところ自己解決しました！
どうやらfontが置いてあるフォルダ自体に.htaccessがすでに存在していて、今回の改修によってhttp→httpsに変更になったという経緯があったみたいですが（ここ担当してなくてわからなかった）フォントフォルダの.htaccessはhttpのままだったというのが原因だったようです。

Answer 1

fontが置いてあるフォルダ自体に.htaccessがすでに存在していて、今回の改修によってhttp→httpsに変更になったという経緯があったみたいですが（ここ担当してなくてわからなかった）フォントフォルダの.htaccessはhttpのままだったというのが原因だったようです。

Header set Access-Control-Allow-Origin "http://shop.XXXX.jp"
　　　　　　　　　　　　　　　　　　　　　　　　　　　↓
Header set Access-Control-Allow-Origin "https://shop.XXXX.jp"

これで解消しました！なんとくだらない原因。。