CSS优化技巧之icon-front
鹿酒 2017/1/18 CSS
一个很棒的解决方法,前题是有合适的全格式字体库、icon对照表。
@font-face{
font-family: "simple-icon";
src:url("../fonts/simple.eot");/*IE9兼容模式*/
src:url("../fonts/simple.eot?#iefix") format("embedded-opentype"),
url("../fonts/simple.woff") format("woff"),
url("../fonts/simple.ttf") format("truetype"),
url("../fonts/simple.svg") format("svg"),;
}
.simple-icon{
font-family: "simple-icon";
font-style: normal;
font-weight: normal;
font-size: 64px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17