2011-04-19 669 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