1、下载中文字体 如:FZS3JW.TTF
2、访问http://www.fontconverter.org/ 转换字体
3、转换成四种格式,包括:
- FZS3JW.TTF,
- FZS3JW.svg,
- FZS3JW.woff,
- FZS3JW.eot
4、css3引用字体方式
@font-face {
font-family: 'FZS3JW';
src: url('../images/invitation-card/fonts/FZS3JW.eot?carbqp');
src: url('../images/invitation-card/fonts/FZS3JW.eot?carbqp#iefix') format('embedded-opentype'),
url('../images/invitation-card/fonts/FZS3JW.ttf?carbqp') format('truetype'),
url('../images/invitation-card/fonts/FZS3JW.woff?carbqp') format('woff'),
url('../images/invitation-card/fonts/FZS3JW.svg?carbqp#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
5、就可以跟正常字体使用方式一样啦
.div{
font-family: FZS3JW;
}
6、就ok啦,可以发布服务器进行测试啦!