font-face小抄
font-face已经有很多浏览器支持了,这里简单介绍一下如何使用:
1. 使用工具定义你想要的图片和编码:use a tool (www.zzzyk.com) to create font file: select a image and a utf8 code for it
2. 定义font-face in css
@font-face {
font-family: 'IcoMoon';
src: url('fonts/IcoMoon.eot');
src: url('fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
url('fonts/IcoMoon.svg#IcoMoon') format('svg'),
url('fonts/IcoMoon.woff') format('woff'),
url('fonts/IcoMoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
3. 如何使用,0021就是之前定义吧编码:how to use it
[data-icon]:before {
font-family: 'IcoMoon';
content: "\0021";
speak: none;
}
作者:baoeni
补充:web前端 , JavaScript ,