質問編集履歴
1
補足
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
Font Awesome 5 Freeです。
|
|
2
2
|
|
|
3
3
|
Awesomeの画像を重ねる場合にspanタグで挟む方法は沢山情報ありますが、
|
|
4
|
-
以下のようにcontents:
|
|
4
|
+
以下のようにcontents:'unicode' の形で重ねる方法はあるでしょうか？
|
|
5
|
+
|
|
5
6
|
```css
|
|
6
7
|
.before-icon-setting::before {
|
|
7
8
|
content: '\f013'; /* この部分を別画像と重ねたい */
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
```
|
|
12
|
+
|
|
11
13
|
ご存じの方居ましたら教えて下さい。
|
|
12
|
-
宜しくお願いします。
|
|
14
|
+
宜しくお願いします。
|
|
15
|
+
|
|
16
|
+
【指摘により補足を追加】
|
|
17
|
+
Awesomeのアイコン同士を重なるということです。
|
|
18
|
+
以下のようにHTML側から重ねることは出来ますが、
|
|
19
|
+
```html
|
|
20
|
+
<span class="fa-stack fa-3x" style="color:red;">
|
|
21
|
+
<i class="far fa-circle fa-stack-2x"></i>
|
|
22
|
+
<i class="fas fa-gift fa-stack-1x"></i>
|
|
23
|
+
</span>
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
これをcss側から同じことが出来ないでしょうか？
|
|
27
|
+
|
|
28
|
+
素人につき見当違いの質問してたらすみません。
|