FontCreator支持导出ttf,tof,woff,所以只需要将ttf转换成eot和svg即可,以下介绍将ttf转eot及svg
(1)TTF文件转换为EOT文件
1. 工具下载地址:http://code.google.com/p/ttf2eot/downloads/detail?name=ttf2eot-0.0.2-2.zip&can=2&q=
2. 将工具解压放到本地根目录。TTF字体文件与本工具放到同一目录下。如D:\
3. 开始->运行->cmd->切换到D盘,输入命令:
ttf2eot.exe source.ttf target.eot
(2)下载TTF To SVG,可以将ttf转换成SVG格式
附:FontAwesome字体使用方法
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}