質問編集履歴

3

表示されたコードの記述

2018/04/02 13:49

投稿

ami15821
ami15821

スコア56

test CHANGED
File without changes
test CHANGED
@@ -88,6 +88,40 @@
88
88
 
89
89
  demoページのCSSのfont-family: "design_plus";をクロームの検証でチェックを外すとアイコンが『 □ 』になるのを確認。
90
90
 
91
+
92
+
93
+ ```ここに言語を入力
94
+
95
+ @font-face {
96
+
97
+ font-family: "design_plus";
98
+
99
+ src: url('/wp/wp-content/themes/vogue_tcd051/assets/fonts/design_plus.woff?v=1.0') ;
100
+
101
+ }
102
+
103
+
104
+
105
+ .p-request__close{
106
+
107
+ font-family: "use-SourceHanSansJP";
108
+
109
+ }
110
+
111
+
112
+
113
+ .p-request__close::before {
114
+
115
+ content: "\e91a";
116
+
117
+ font-family: "design_plus";
118
+
119
+ }
120
+
121
+ ```
122
+
123
+ 上記コードで解決しました!
124
+
91
125
  ### 補足情報(FW/ツールのバージョンなど)
92
126
 
93
127
  CSSがきいてない、というよりはリンクが切れているようで font-family: "design_plus";は読み込まれています。スマホやタブレットではウェブフォントが表示されます。

2

同エラーコードを2つアップしていたので、一つ削除

2018/04/02 13:48

投稿

ami15821
ami15821

スコア56

test CHANGED
File without changes
test CHANGED
@@ -13,12 +13,6 @@
13
13
  ```ここに言語を入力
14
14
 
15
15
  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.
16
-
17
- ```
18
-
19
- ```ここに言語を入力
20
-
21
- Access to Font at 'http://ドメイン.ne.jp/wp/wp-content/themes/vogue_tcd051/assets/fonts/design_plus.ttf?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.
22
16
 
23
17
  ```
24
18
 

1

エラーメッセージの追記

2018/04/02 11:11

投稿

ami15821
ami15821

スコア56

test CHANGED
File without changes
test CHANGED
@@ -10,19 +10,37 @@
10
10
 
11
11
  ### 発生している問題・エラーメッセージ
12
12
 
13
+ ```ここに言語を入力
14
+
15
+ 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.
16
+
17
+ ```
18
+
19
+ ```ここに言語を入力
20
+
21
+ Access to Font at 'http://ドメイン.ne.jp/wp/wp-content/themes/vogue_tcd051/assets/fonts/design_plus.ttf?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.
22
+
23
+ ```
24
+
25
+ □ ←アイコンが□になってしまう
13
26
 
14
27
 
15
- □ ←アイコンが□になってしまっている
16
28
 
17
29
 
18
30
 
19
31
  ### 該当のソースコード
20
32
 
33
+ ```ここに言語を入力
34
+
21
35
  【HTML】
22
36
 
23
37
  <button id="js-request__close" class="p-request__close"></button>
24
38
 
39
+ ```
25
40
 
41
+
42
+
43
+ ```ここに言語を入力
26
44
 
27
45
  【CSS】
28
46
 
@@ -70,7 +88,7 @@
70
88
 
71
89
  }
72
90
 
73
-
91
+ ```
74
92
 
75
93
  ### 試したこと
76
94