我需要使用@font-face
功能,我的字体是TrueType(TTF)格式,所以如何将TTF转换为OpenType(OTF)格式。如何将TTF文件转换为OTF格式?
回答
你可以在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;
}
这是工作!
你也可以试试这个:
快速谷歌搜索ttf otf converter
给我了多项成果,如:
https://onlinefontconverter.com
http://www.freefontconverter.com
不知道他们如何工作,但你可以尝试一下。
如果你在Linux上,你可以使用FontForge,它可以从Python脚本化。
#!/usr/bin/python
import fontforge
font = fontforge.open(“STIXGeneral.otf”)
font.generate(“STIXGeneral.ttf”)
这是一个较长的Python脚本,在同一时间做这行整个目录:
我想你需要'apt-get install fontforge python-fontforge'或者如果你在OS X上试试http://stackoverflow.com/a/26313183/179581 – Andrei 2014-10-11 09:38:15
对于跨浏览器/手机支持你肯定需要至少三种格式:
Embedded OpenType:适用于Internet Explorer 6-8的
eot
。
有一个命令行转换器:http://code.google.com/p/ttf2eot/的Web开放字体格式:
woff
的网络字体的W3C推荐:http://www.w3.org/TR/WOFF/
A转换器可以喜欢这里:http://people.mozilla.org/~jkew/woff/和TrueType:
ttf
的Safari和Opera(您可以添加可缩放矢量图形:
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
最新版本的IE是11.支持IE 8或更低版本是浪费时间除非主要客户特别指示。因此,'url('vinegar.eot?')格式('embedded-opentype')'行可能被删除。 – 2014-11-21 14:40:20
很难找到正确的方法。下面是我得到了它的OS工作X
$ brew install fontforge
$ fontforge -c 'Open("my.ttf"); Generate("my.otf")'
我拼命地寻找pip install fontforge
不存在的,我还没有得到它与蟒蛇工作 - 我猜你需要与--enable-pyextension
或编译一些东西。
对我来说是完美的答案,我也是在OS X上,实际上,'pip install fontforge'不起作用。尽管我已经使用了自制软件,所以你的答案对我来说很重要。 :-) – 2016-07-21 09:18:29
这是最好的答案。所有的在线转换器都是毫无价值的,因为无论是不工作还是需要支付。 – Leszek 2017-04-06 06:17:58
- 1. 如何将OTF/TTF文件转换为EOT格式?
- 2. 将Webfonts转换为ttf/otf格式 - 它甚至有可能吗?
- 3. C#将ttf和otf转换为eot文件
- 4. 如何将Postscript Type 1字体转换为.otf或.ttf?
- 5. 将.fntdata文件转换为.ttf文件
- 6. 如何使用Fontforge脚本将.otf转换为.ttf(带有Postscript轮廓)?
- 7. PHP TTF/OTF Reader
- 8. 如何将LWFN转换为TTF?
- 9. 如何将ttf字体转换为pff2?
- 10. 将ttf转换为swf
- 11. 将PowerPoint文件转换为ODP格式?
- 12. 将.log文件转换为CSV格式
- 13. CSS字体:如何将多个TTF文件转换为一个文件?
- 14. 如何将两列的文本文件转换为fasta格式
- 15. 添加远期过期头文件到.ttf和.otf文件
- 16. 如何将快照文件转换为任何其他格式?
- 17. 如何以编程方式创建TTF或OTF字体[C/C++]
- 18. 如何将文件.mdf&.ldf转换为mysql格式
- 19. 如何将URL文件'Smooth streaming'转换为Apple HLs格式?
- 20. 如何将Uint8Array转换为要保存的mp3格式文件
- 21. 如何将xls文件转换为mysql格式?
- 22. 如何将(.FDX/.FDXT)文件格式转换为HTML?
- 23. 如何将jar文件转换为apk格式?
- 24. 如何将csv转换为该格式的json文件?
- 25. 如何将Catia v5中的文件转换为Babylon.js格式?
- 26. 如何将ogg文件转换为电报语音格式?
- 27. 如何将swf文件转换为fla格式?
- 28. 如何将csv文件转换为TFrecord tensorFlow格式?
- 29. 如何自动将Excel xls文件转换为Excel xml格式?
- 30. 如何将SVG文件转换为其他图像格式
这不会导致兼容性问题? *听说过类似的东西,但不知道... * – jolt 2011-04-19 05:42:25
@Tom我从来没有见过这种语法的兼容性问题。这是一个古老的语法,并自2000年起由浏览器支持! – 2011-04-19 05:45:30
那么,这里是一篇文章http://randsco.com/index.php/2009/07/04/p680 ...向下滚动到**来吧,这是真的那么简单吗?**部分,在那里你有它,IE只支持'* .eot'。或者那只是一个神话? – jolt 2011-04-19 05:57:40