回答編集履歴
4
注意点についての記述を追加
test
CHANGED
|
@@ -18,9 +18,29 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
21
25
|
別解
|
|
22
26
|
|
|
23
27
|
WEBフォントを`http://www.ドメイン.co.jp`にも配置して、同一ドメインからフォントファイルをダウンロードするようにすればそもそもこのような現象は発生しません.
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
そのためには, @font-face規則の部分を自ドメインのフォントファイルを参照するようにスタイルシートの内容を書き換える必要があります.
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
参考
|
|
36
|
+
|
|
37
|
+
[https://developer.mozilla.org/ja/docs/Web/CSS/@font-face](https://developer.mozilla.org/ja/docs/Web/CSS/@font-face)
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
NOTE:
|
|
42
|
+
|
|
43
|
+
この方法ではリソースが分散することによって管理コストが増えてしまいます.
|
|
24
44
|
|
|
25
45
|
|
|
26
46
|
|
3
回答に別解を追加
test
CHANGED
|
@@ -18,6 +18,12 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
+
別解
|
|
22
|
+
|
|
23
|
+
WEBフォントを`http://www.ドメイン.co.jp`にも配置して、同一ドメインからフォントファイルをダウンロードするようにすればそもそもこのような現象は発生しません.
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
21
27
|
---
|
|
22
28
|
|
|
23
29
|
|
2
誤字修正
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
WEBフォントを公開している`http://ドメイン.ne.jp`側のWEBサーバーの設定を, WEBフォントと共に適
|
|
11
|
+
WEBフォントを公開している`http://ドメイン.ne.jp`側のWEBサーバーの設定を, WEBフォントと共に適切な`Access-Control-Allow-Origin`ヘッダーを返すように変更して下さい.
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
1
回答の内容をエラーの内容に対応するものに変更
test
CHANGED
|
@@ -1,3 +1,31 @@
|
|
|
1
|
+
エラー内容として
|
|
2
|
+
|
|
3
|
+
> Access to Font at 'http://ドメイン.ne.jp/wp/wp-content/themes/vogue_tcd051/assets/fonts/design_plus.woff?v=1.0' from origin 'http://www.ドメイン.co.jp' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.ドメイン.co.jp' is therefore not allowed access.
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
とありましたので、`http://ドメイン.ne.jp`で公開しているWEBフォントを異なるオリジンの`http://www.ドメイン.co.jp`から読み込んだコンテンツから参照したことによる**セキュリティエラー**です.
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
WEBフォントを公開している`http://ドメイン.ne.jp`側のWEBサーバーの設定を, WEBフォントと共に適宜`Access-Control-Allow-Origin`ヘッダーを返すように変更して下さい.
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
参考
|
|
16
|
+
|
|
17
|
+
[https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control](https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
NOTE:以下は旧回答
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
1
29
|
参照しているCSSの内容からWEBフォントの利用を宣言する`@font-face`規則を記述している部分が抜けているのかもしれません.
|
|
2
30
|
|
|
3
31
|
|