CSS свойство font-variant-east-asian

Свойство font-variant-east-asianконтролирует использование альтернативных глифов для шрифта East Asian.

Значение по умолчанию normal
Применяется Ко всем элементам, а также к ::first-letter и ::first-line .
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM синтаксис object.style.fontVariantEastAsian = "ruby";

Синтаксис

font-variant-east-asian: normal | <east-asian-variant-values> | <east-asian-width-values> | ruby | initial | inherit ;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      h2 {
      font-variant-east-asian: traditional;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-variant-east-asian</h2>
    <h2>大学 → 大學</h2>
  </body>
</html>

Значения

Значение Описание
normal Альтернативные глифы не используются.
<east-asian-variant-values> Устанавливает набор логографических глифов. Возможные значения:
  • jis78
  • jis83
  • jis90
  • jis04
  • simplified
  • traditional
<east-asian-width-values> Контролирует размер фигур, которые используются для шрифта East Asian. . Возможные значения:
  • proportional-width
  • full-width
ruby Устанавливает специальные глифы для идеографических символов.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome edge firefox safari opera
63.0+ 34.0+ 9.1+ 50.0+

Практикуйте свои знания

What does the CSS property 'font-variant-east-asian' control?
Считаете ли это полезным?