当前位置:编程学习 > JAVA >>

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 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,