2012-01-05 57 views
8

我正在開發一個項目,在OpenType字體內有幾個相同字符的變體。所有字符都具有相同的Unicode ID,但具有不同的GID號碼以及一些其他參考(如Swash或Stylistic SetXX(ss01))(在indesign中找到此信息)。有什麼方法可以在HTML文檔中使用這些字符?示例:J(正常),J(帶速度模糊),J(由鏈製成),全部具有unicode id:004A,但是分別具有43,206和233的GID值。如何從HTML中的OpenType字體調用'Swash'/'文體集'字符?

回答

2

字體變-交替是你想要的:http://www.w3.org/TR/css3-fonts/#font-variant-alternates-prop

我不知道它是多麼的廣泛支持着呢,打賭它不是在IE瀏覽器。

本頁顯示對OTF的支持情況:http://caniuse.com/#feat=ttf;從這個意義上說,完全支持是否真的完成尚不清楚。

演示的Firefox和IE的支持:http://ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontfont/index.html

+0

「除正在進行的工作外,不要引用此文檔。」 - W3C – Alerty 2012-01-05 22:44:11

+4

@Alerty:你有什麼意見?你是否知道實際人們使用的實際瀏覽器已經支持CSS3和HTML5的大部分,即使這些標準正在進行中。 – Marcin 2012-01-05 22:51:28

+0

只是想說明字體特徵尚未廣泛實現的事實。 – Alerty 2012-01-05 23:28:57

8

我沒有聽說過的font-variant-alternates,但我確實知道,Firefox 4 and above support -moz-font-feature-settings,它可以讓你通過CSS應用OpenType功能。從Mozilla Hacks blog post on moz-font-feature-settings

示例代碼:

.altstyles { 
    /* format: feature-tag=[0,1] with 0 to disable, 1 to enable */ 
    /* dlig = discretionary ligatures, ss01 = stylistic set 1 */ 
    -moz-font-feature-settings: "dlig=1,ss01=1"; 
} 

據我所知,沒有其他的瀏覽器支持類似的功能呢。

+1

感謝您的這一點。不幸的是,我正在開發的這個項目只支持-webkit。對字體變體替代品的支持似乎並不是非常需要。我幾乎沒有發現任何人在談論它。 – kugyousha 2012-01-10 23:40:01

+1

@AdeptOfHermes:啊,當然。這是一個恥辱WebKit還沒有任何等價物。你會認爲'@ font-face'被更多地使用,會有更多的呼叫這樣的事情。 – 2012-01-11 01:06:54

相關問題