欢迎光临
我们一直在努力

FontCreator进行ttf转换为woff、svg、eot等格式字体

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%
}
赞(3)
版权归原作者所有,如有侵权请告知。达维营-前端网 » FontCreator进行ttf转换为woff、svg、eot等格式字体

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址