我需要使用@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. 可以將SVG文件轉換爲OTF/TTF嗎?
- 5. 如何通過命令行將WOFF轉換爲TTF/OTF?
- 6. 如何將Postscript Type 1字體轉換爲.otf或.ttf?
- 7. 將.fntdata文件轉換爲.ttf文件
- 8. 轉換的base64字體回TTF或OTF
- 9. 將阿拉伯TTF/OTF字體轉換爲woff,eof?
- 10. 如何使用Fontforge腳本將.otf轉換爲.ttf(帶有Postscript輪廓)?
- 11. PHP TTF/OTF Reader
- 12. 如何將LWFN轉換爲TTF?
- 13. 如何將ttf字體轉換爲pff2?
- 14. 將ttf轉換爲swf
- 15. 如何將.npz格式轉換爲.py格式的.csv文件?
- 16. jasper報告,ttf不是有效的TTF或OTF文件
- 17. 嵌入式軟件中的TTF/OTF文件類型?
- 18. 用於將TTF/OTF字體轉換爲SVG的命令行工具
- 19. 如何將點雲.pts文件轉換爲.pcd文件格式?
- 20. 將.msg文件轉換爲.xps格式?
- 21. 將PowerPoint文件轉換爲ODP格式?
- 22. 將.log文件轉換爲CSV格式
- 23. 將Parquet文件格式轉換爲序列文件格式
- 24. xlib上的TTF/OTF字體
- 25. 如何將.arff格式的文件轉換爲.txt文件格式?
- 26. CSS字體:如何將多個TTF文件轉換爲一個文件?
- 27. TTF轉換爲WOFF
- 28. 如何將文本文件轉換爲.arff格式(weka)
- 29. 如何將兩列的文本文件轉換爲fasta格式
- 30. 如何將快照文件轉換爲任何其他格式?
這不會導致兼容性問題? *聽說過類似的東西,但不知道... * – 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