2011-04-19 1395 views

回答

3

你可以在CSS直接使用TTF文件格式:

@font-face { 
font-family: Vinegar; 
src: url(http://www.4bit.co.uk/testing/design01/vinegar.ttf); 
} 

h3 { 
font-family: Vinegar, "Times New Roman", Times, serif; 
} 

这是工作!

Or you can use this link to generate your font face!

+0

这不会导致兼容性问题? *听说过类似的东西,但不知道... * – jolt 2011-04-19 05:42:25

+0

@Tom我从来没有见过这种语法的兼容性问题。这是一个古老的语法,并自2000年起由浏览器支持! – 2011-04-19 05:45:30

+0

那么,这里是一篇文章http://randsco.com/index.php/2009/07/04/p680 ...向下滚动到**来吧,这是真的那么简单吗?**部分,在那里你有它,IE只支持'* .eot'。或者那只是一个神话? – jolt 2011-04-19 05:57:40

11

如果你在Linux上,你可以使用FontForge,它可以从Python脚本化。

#!/usr/bin/python 
import fontforge 
font = fontforge.open(“STIXGeneral.otf”) 
font.generate(“STIXGeneral.ttf”) 

这是一个较长的Python脚本,在同一时间做这行整个目录:

http://fonts.fileformat.info/bin/otf2ttf.py

+0

我想你需要'apt-get install fontforge python-fontforge'或者如果你在OS X上试试http://stackoverflow.com/a/26313183/179581 – Andrei 2014-10-11 09:38:15

2

对于跨浏览器/手机支持你肯定需要至少三种格式:

  1. Embedded OpenType:适用于Internet Explorer 6-8的eot
    有一个命令行转换器:http://code.google.com/p/ttf2eot/

  2. 的Web开放字体格式:woff的网络字体的W3C推荐:http://www.w3.org/TR/WOFF/
    A转换器可以喜欢这里:http://people.mozilla.org/~jkew/woff/

  3. 和TrueType:ttf的Safari和Opera

  4. (您可以添加可缩放矢量图形:svg以获得较老的iOS支持...)

防弹@字体面语法是这样的:

@font-face { 
    font-family: 'Vinegar'; 
    src: url('vinegar.eot?') format('embedded-opentype'), 
     url('vinegar.woff') format('woff'), 
     url('vinegar.ttf') format('truetype'), 
     url('vinegar.svg#svgVinegar') format('svg'); 
} 

更多资源:
http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
http://webfonts.info/

你可能也想看看这个工具:
https://github.com/zoltan-dulac/css3FontConverter

+0

最新版本的IE是11.支持IE 8或更低版本是浪费时间除非主要客户特别指示。因此,'url('vinegar.eot?')格式('embedded-opentype')'行可能被删除。 – 2014-11-21 14:40:20

3

很难找到正确的方法。下面是我得到了它的OS工作X

$ brew install fontforge 
$ fontforge -c 'Open("my.ttf"); Generate("my.otf")' 

我拼命地寻找pip install fontforge不存在的,我还没有得到它与蟒蛇工作 - 我猜你需要与--enable-pyextension或编译一些东西。

+0

对我来说是完美的答案,我也是在OS X上,实际上,'pip install fontforge'不起作用。尽管我已经使用了自制软件,所以你的答案对我来说很重要。 :-) – 2016-07-21 09:18:29

+0

这是最好的答案。所有的在线转换器都是毫无价值的,因为无论是不工作还是需要支付。 – Leszek 2017-04-06 06:17:58

相关问题