Saltar al contenido

Propiedad CSS font-language-override

La propiedad font-language-override controla el uso de glifos específicos del idioma. Esta propiedad puede especificarse con dos valores: normal y <string>. El <string> debe coincidir con una etiqueta de idioma BCP 47 válida. Por ejemplo, tr para turco.

Por defecto, el atributo lang de HTML indica al navegador que muestre glifos diseñados para un idioma determinado.

La propiedad font-language-override anula el comportamiento de la tipografía para un idioma específico. Es útil porque, cuando una tipografía carece de las características OpenType específicas del idioma adecuadas (como locl), puedes anular el comportamiento predeterminado para usar glifos de otro idioma que sigan reglas tipográficas similares.

Valor inicialnormal
Se aplica aTodos los elementos. También se aplica a ::first-letter y ::first-line.
HeredableSí.
AnimableDiscreto.
VersiónCSS3
Sintaxis DOMobject.style.fontLanguageOverride = "normal";

Sintaxis

Sintaxis de la propiedad CSS font-language-override

css
font-language-override: normal | <string>;

Ejemplo de la propiedad font-language-override:

Ejemplo de la propiedad CSS font-language-override con el valor normal

html
<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document </title>
    <style>
      .example1 {
        font-language-override: normal;
      }
      .example2 {
        font-language-override: "da";
      }
    </style>
  </head>
  <body>
    <h2>Font-language-override property example</h2>
    <p class="example1">Default language setting.</p>
    <p class="example2">Here the font-language-override is set to Danish.</p>
  </body>
</html>

Valores

ValorDescripción
normalIndica al navegador que utilice glifos de fuente apropiados para el idioma especificado por el atributo lang. Este es el valor predeterminado de esta propiedad.
<string>Indica al navegador que utilice los glifos de fuente especificados por el <string>.

Practice

¿Cuál es el propósito de la propiedad 'font-language-override' en CSS?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.