Làm cách nào để gọi các ký tự 'Swash'/'Stylistic Set' từ phông chữ OpenType trong HTML?

Question

Tôi đang làm việc trên một dự án ngay bây giờ trong phông chữ OpenType có nhiều biến thể của cùng một ký tự. Tất cả các ký tự có cùng một ID Unicode nhưng có số GID khác nhau và một số tham chiếu khác như Swash hoặc SetXX Stylistic (ss01) (tìm thấy thông tin này trong indesign). Có cách nào để sử dụng các ký tự này trong tài liệu HTML không?

Ví dụ: J (bình thường), J (với tốc độ mờ), J (được tạo thành từ chuỗi), Tất cả đều có id unicode: 004A, nhưng có giá trị GID tương ứng là 43, 206 và 233.

Answer 1

font-variant-xen kẽ là những gì bạn muốn: http://www.w3.org/TR/css3-fonts/#font-variant-alternates-prop

Tôi không biết làm thế nào rộng rãi được hỗ trợ đó là nêu ra, và đặt cược rằng nó không phải trong IE.

Trang này hiển thị hỗ trợ cho OTF nói chung: http://caniuse.com/#feat=ttf; Nó không phải là rõ ràng cho dù hỗ trợ đầy đủ là thực sự hoàn thành, theo nghĩa này.

Demo hỗ trợ Firefox và IE: http://ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontfont/index.html

Answer 2

tôi đã không nghe nói về font-variant-alternates, nhưng tôi biết rằng Firefox 4 and above support -moz-font-feature-settings, cho phép bạn áp dụng các tính năng OpenType qua CSS.

Ví dụ mã từ một 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"; 
} 

Theo như tôi biết, không có trình duyệt nào khác hỗ trợ một tính năng tương tự được nêu ra.