2012-01-05 13 views
8

Şu anda bir proje üzerinde çalışıyorum, OpenType fontunda aynı karakterin çeşitli varyasyonları var. Tüm karakterler aynı Unicode kimliğine sahiptir ancak farklı GID sayılarına ve Swash veya Stylistic SetXX (ss01) gibi başka bir referansa sahiptir (bu bilgiyi tasarımda bulabilirsiniz). Bu karakterleri HTML belgesinde kullanmanın bir yolu var mı?HTML'de bir OpenType fonttan 'Swash'/'Stilistik Set' Karakterlerini nasıl çağırabilirim?

Örnek: J (normal), J (hız bulanıklığı ile), J (zincirlerden yapılmış), Tümü unicode id: 004A, ancak GID değerleri sırasıyla 43, 206 ve 233'e sahiptir. http://www.w3.org/TR/css3-fonts/#font-variant-alternates-prop

Ben henüz ne kadar yaygın olarak desteklenen biliyorum ve bu IE olmadığını bahse yoktur:

cevap

2

font-variant-vekilleri istediğiniz şeydir.

Bu sayfa genel olarak OTF desteğini gösterir: http://caniuse.com/#feat=ttf; Bu anlamda tam desteğin gerçekten tamamlanmış olup olmadığı net değildir. Firefox ve IE destek

Demos: http://ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontfont/index.html

+0

"Bu belgeyi devam eden çalışma dışında belirtin." - W3C – Alerty

+4

@Alerty: Ne demek istiyorsun? Gerçek şu ki kullanıcıların kullandıkları gerçek tarayıcıların zaten bu standartlar devam ediyor olsa da CSS3 ve HTML5'i desteklediğini biliyor musunuz? – Marcin

+0

Sadece yazı tipi özelliklerinin henüz geniş çapta uygulanmadığını belirtmek istedik. – Alerty

8

Ben font-variant-alternates duymamıştım ama CSS yoluyla OpenType özellikleri uygulamanıza izin Firefox 4 and above support -moz-font-feature-settings, biliyorum. Bir Mozilla Hacks blog post on moz-font-feature-settings dan

örnek kod:

.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"; 
} 

olarak bildiğim kadarıyla, başka hiçbir tarayıcı henüz benzer bir özellik destekler.

+1

Bunun için teşekkürler. Ne yazık ki, üzerinde çalıştığım proje sadece destekleri -webkit. Yazı tipi varyantı-alternatörler için destek, yüksek talep görünmüyor. Bunun hakkında konuşan herhangi bir insan buldum. – kugyousha

+1

@AdeptOfHermes: ah, elbette. Utanç verici bir WebKit'in henüz bir karşılığı yok. '@ Font-face' ile daha fazla kullanıldığında, bu tür bir şey için daha fazla çağrı olacağını düşünürsünüz. –

İlgili konular