質問編集履歴

4

追記

2020/02/19 06:43

投稿

sodiumplus3
sodiumplus3

スコア71

test CHANGED
File without changes
test CHANGED
@@ -53,3 +53,17 @@
53
53
  headにkit.fontawsome.com/~.jsを読み込ませて使っています。
54
54
 
55
55
  before要素以外のアイコンはちゃんと表示されています。
56
+
57
+
58
+
59
+ 追記
60
+
61
+ 色々試してみたところ、
62
+
63
+ headに`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.9.0/css/all.css">`
64
+
65
+ を書いて読み込むとsafariのみ正しく表示されて、
66
+
67
+ `<script src="https://kit.fontawesome.com/hogehoge.js" crossorigin="anonymous"></script>`
68
+
69
+ で読み込むとsafariもchromeも表示されないようです。困ってます…

3

誤字

2020/02/19 06:42

投稿

sodiumplus3
sodiumplus3

スコア71

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- ::beforeの議事要素で与えたfont-awesomeのアイコンが◻︎の表示になってしまいます。
5
+ ::beforeの擬似要素で与えたfont-awesomeのアイコンが◻︎の表示になってしまいます。
6
6
 
7
7
  CSSは以下です。
8
8
 

2

修正

2020/02/19 06:35

投稿

sodiumplus3
sodiumplus3

スコア71

test CHANGED
@@ -1 +1 @@
1
- font-awesomeのアイコンがchrome環境で表示されない
1
+ font-awesomeのアイコンが表示されない
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- font-awesomeのアイコンがsafariでは正しく表示されますが、chromeでは◻︎の表示になってしまいます。
5
+ ::beforeの議事要素で与えたfont-awesomeのアイコンが◻︎の表示になってしまいます。
6
6
 
7
7
  CSSは以下です。
8
8
 

1

修正

2020/02/19 06:32

投稿

sodiumplus3
sodiumplus3

スコア71

test CHANGED
File without changes
test CHANGED
@@ -47,3 +47,9 @@
47
47
  }
48
48
 
49
49
  ```
50
+
51
+
52
+
53
+ headにkit.fontawsome.com/~.jsを読み込ませて使っています。
54
+
55
+ before要素以外のアイコンはちゃんと表示されています。