質問編集履歴
3
かきのサイズにした所なぜか真ん中に来ました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -33,4 +33,13 @@
|
|
|
33
33
|
|
|
34
34
|
.material-icons {
|
|
35
35
|
font-size: 1rem;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
・かきのサイズにした所なぜか真ん中に来ました。
|
|
40
|
+
理由はわかりません。
|
|
41
|
+
そのようなものと割り切るか、CSS3でアイコンを作ったほうがいいですかね？
|
|
42
|
+
.material-icons {
|
|
43
|
+
font-size: 8rem;
|
|
44
|
+
line-height: 0.75;
|
|
36
45
|
}
|
2
line-height: 0;をつけて1remくらいだと中央に来て、サイズを大きくしていくと真ん中から上にずれていくことがわかりました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -27,4 +27,10 @@
|
|
|
27
27
|
・下記で上書きした所、上に異常な移動をする。
|
|
28
28
|
.material-icons {
|
|
29
29
|
line-height: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
・line-height: 0;をつけて1remくらいだと中央に来て、サイズを大きくしていくと真ん中から上にずれていくことがわかりました。
|
|
33
|
+
|
|
34
|
+
.material-icons {
|
|
35
|
+
font-size: 1rem;
|
|
30
36
|
}
|
1
上書きしたCSSとCDNを説明
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
.material-icons {
|
|
3
3
|
line-height: 0;
|
|
4
4
|
}
|
|
5
|
-
で上書きしても、
|
|
5
|
+
で上書きしても、異常に上に行ってしまいます。
|
|
6
6
|
リセットするようなものもないようですが、皆さんどうやって変な癖をなくしていますか？
|
|
7
7
|
CDNなのでCSSのline-heightを削除することもできないですよね。
|
|
8
8
|
|
|
9
|
+
|
|
10
|
+
・CDNのCSS
|
|
9
11
|
.material-icons {
|
|
10
12
|
font-family: 'Material Icons';
|
|
11
13
|
font-weight: normal;
|
|
@@ -22,6 +24,7 @@
|
|
|
22
24
|
-webkit-font-smoothing: antialiased;
|
|
23
25
|
}
|
|
24
26
|
|
|
27
|
+
・下記で上書きした所、上に異常な移動をする。
|
|
25
28
|
.material-icons {
|
|
26
29
|
line-height: 0;
|
|
27
30
|
}
|