每日一贴-fontface

一天天的就像在发现新大陆。。。脑子都快转不动了，都是炫酷的新知识。。前端的路不好走，但是很好玩~

可以用: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/