一天天的就像在发现新大陆。。。脑子都快转不动了,都是炫酷的新知识。。前端的路不好走,但是很好玩~
可以用:befor:after自动添加icon,注意,IE6不支持::所以我写的是:(未验证)
比如,可以先定义一个fontface是各种图标,有字体大小,可以通过a-z指定要用的图标。
@font-face {
font-family: "newfont";
src: url("../font/newfont.eot");
src: url("../font/newfont.eot?#iefix") format("embedded-opentype"), url("../font/newfont.woff") format("woff"), url("../font/newfont.ttf") format("truetype"), url("../font/newfont.svg#newfont") format("svg");
font-weight: normal;
font-style: normal;
}
用的时候呢,就直接
<a href="1-8_transfer_select_account.html" class="icn_lock" style="height: 53px; width: 181px;">TEST</a>
css
.icn_lock:after {
color: #fe812f;
content: 'g';
display: inline-block;
font-size: 1.2em;
margin-left: .25rem;
}
参考:http://www.w3cplus.com/content/css3-font-face/