Fontes

A tipografia da Web dá um grande passo à frente com o suporte para controle de nível baixo sobre os recursos de layout OpenType no Internet Explorer 10 e nos aplicativos da Windows Store que usam JavaScript. A propriedade font-feature-settings, definida na Seção 6.12 da especificação do Módulo de Fontes CSS Nível 3 do W3C (World Wide Web Consortium), permite que você especifique a substituição e o posicionamento de glifos em fontes que incluem recursos de layout Microsoft OpenType.

Este tópico contém as seguintes seções:

Recursos tipográficos

A especificação de OpenType define vários recursos tipográficos avançados que podem ser implementados por designers de fontes. Por exemplo, você pode definir posicionamento vertical para uma fonte, substituir formulários de glifo por ligaturas, alternativas contextuais, alternativas estilísticas ou caracteres ornamentados, incluir um conjunto de versaletes e muito mais.

Cada recurso definido tem uma marca correspondente que identifica sua função e efeitos. Os desenvolvedores de fontes também podem definir seus próprios recursos. Examinando a marca de um recurso, o Internet Explorer 10 e os aplicativos estilo da Windows Store que usam JavaScript determinam o que o recurso faz e se ele será implementado ou não. A tabela a seguir lista algumas das marcas de recursos mais comuns e suas definições. A lista completa de recursos de layout OpenType está no Registro de marcas de recursos de layout OpenType.

MarcaDescrição

kern

Kerning

smcp

Versaletes

liga

Ligaturas padrão

dlig

Ligaturas discricionárias

ss01, ss02, ss03 ... ss20

Conjuntos estilísticos (específicos à fonte)

swsh

Caracteres ornamentados

tnum

Figuras tabulares

lnum

Figuras de alinhamento

onum

Figuras em estilo antigo

 

Observação  Caso você não esteja familiarizado com os recursos de fonte listados nessa tabela, a especificação do Módulo de Fontes CSS Nível 3 inclui boas explicações e exemplos visuais na Seção 6, que trata das propriedades de recursos de fonte. Esteja ciente de , apesar de as propriedades listadas corresponderem a recursos de layout OpenType que podem ter suporte no Internet Explorer 10 e nos aplicativos da Windows Store que usam JavaScript, as propriedades propriamente ditas (font-kerning, font-variant-* etc.) não têm suporte.

Implementando recursos de layout OpenType

Para usar recursos de layout OpenType, primeiro você deve estar usando uma fonte que tenha um ou mais recursos incluídos. Para saber mais sobre como habilitar o design avançado de tipos, incluindo vinculação de fontes e formatos de fonte compatíveis, veja o tópico sobre como aprimorar o design de tipos de um site com CSS3.

Depois de ter definido a vinculação de fontes usando uma fonte com recursos de layout OpenType incorporados, você deve implementar esses recursos usando a propriedade font-feature-settings. No Internet Explorer 10 e nos aplicativos da Windows Store que usam JavaScript, a sintaxe dessa propriedade é descrita a seguir, onde "feat" representa uma marca de recurso de layout OpenType:

font-feature-settings: "feat" 1;

O valor "1" que se segue à marca de recurso é uma alternância booliana. Caso não seja especificado um valor, a declaração será tratada como se um "1" viesse depois da marca. O valor "0" desativa a marca.

Por exemplo, se você quiser habilitar ligaturas discricionárias em uma fonte que as inclui, aplique a seguinte declaração ao seletor apropriado:


font-feature-settings: "dlig" 1;

Para implementar vários recursos de fontes OpenType em uma seleção de texto, basta listar cada marca correspondente e sua alternância, e separá-las com vírgulas.


font-feature-settings: "dlig" 1, "ss02" 1, "case" 1;

Até o momento em que este documento foi redigido, o único outro navegador com suporte a recursos de layout OpenType é o Mozilla Firefox, e sua sintaxe é ligeiramente diferente daquela aceita no Internet Explorer 10 e nos aplicativos da Windows Store que usam JavaScript. Para saber mais, veja o tópico da referência de CSS sobre as extensões do Mozilla. Esteja ciente de que, conforme o Módulo de Fontes CSS Nível 3 é desenvolvido, sua sintaxe pode mudar.

Observação  A versão desta propriedade que usa um prefixo de fornecedor, -ms-font-feature-settings, foi preterida. Para garantir a compatibilidade no futuro, os aplicativos que usam esta propriedade com um prefixo de fornecedor devem ser atualizados corretamente.

Tópicos relacionados

CSS
Guia para Desenvolvedores do Internet Explorer 10

 

 

Mostrar:
© 2014 Microsoft