Características de predeterminadas
Ejemplos de precedencia de características
Con los estilos a continuación, los números se representan proporcionalmente cuando se utilizan dentro de un párrafo, pero se muestran en forma de tabla dentro de las tablas de precios:
body {
font-variant-numeric: proportional-nums;
}
table.prices td {
font-variant-numeric: tabular-nums;
}
Cuando el descriptor defont-variant se utiliza dentro de una@font-faceregla, solo se aplica a la fuente definida por esa regla
@font-face {
font-family: MainText;
src: url(http://example.com/font.woff);
font-variant: oldstyle-nums proportional-nums styleset(1,3);
}
body {
font-family: MainText, Helvetica;
}
table.prices td {
font-variant-numeric: tabular-nums;
}
En este caso, los números de estilo antiguo se usarán en todas partes, pero solo cuando se use la fuente "Texto principal". Al igual que en el ejemplo anterior, los valores tabulares se usarán en tablas de precios‘tabular-nums’
aparece en una regla de estilo general y su uso es mutuamente exclusivo con
proportional-nums’Los conjuntos alternativos estilísticos solo se usarán cuando se use MainText.
La @font-faceregla también se puede usar para acceder a las características de fuente en fuentes disponibles localmente mediante el uso de ‘local()’ en el ‘src’ descriptor de la ‘@font-face’definición:
@font-face {
font-family: BodyText;
src: local("HiraMaruPro-W4");
font-variant: proportional-width;
font-feature-settings: "ital"; /* Latin italics within CJK text feature */
}
body { font-family: BodyText, serif; }
Si está disponible, se usará una fuente japonesa "Hiragino Maru Gothic". Cuando se produce la reproducción de texto, el kana japonés se espaciará proporcionalmente y el texto en latín aparecerá en cursiva. El texto procesado con la fuente serif de repliegue utilizará propiedades de representación predeterminadas.
En el siguiente ejemplo, las ligaduras discrecionales solo están habilitadas para una fuente descargable, pero están deshabilitadas dentro de los tramos de la clase "especial":
@font-face {
font-family: main;
src: url(fonts/ffmeta.woff) format("woff");
font-variant: discretionary-ligatures;
}
body { font-family: main, Helvetica; }
span.special { font-variant-ligatures: no-discretionary-ligatures; }
Supongamos que uno agrega una regla usando ' font-feature-settings' para permitir ligaduras discrecionales:
body { font-family: main, Helvetica; }
span { font-feature-settings: "dlig"; }
span.special { font-variant-ligatures: no-discretionary-ligatures; }
In this case, discretionary ligatures will be rendered within
spans of class "special". This is because both the‘font-feature-settings’ and ‘font-variant-ligatures’ properties apply to
these spans. Although the ‘no-discretionary
ligatures’ setting of ‘font-variant-ligatures’ effectively disables
the OpenType dlig feature, because the‘dlig’ value reenables
discretionary ligatures.