css властивість font-variant-east-asian

Властивість font-variant-east-asian дозволяє контролювати заміщення гліфів та їх розмір у текстах, які написані мовами Східної Азії.

Властивість font-variant-east-asian є однією з властивостей, представлених у CSS3, для того, щоб увімкнути різні функції, пов'язані з шрифтами, які можуть покращити зовнішній вигляд тексту на сторінці. Ця власність використовується для керування замінами та розмірами символів в східноазіатському тексті, наприклад, японською та китайською мовами.

правити

+ додати пораду чи нотатку

Синтаксис

font-variant-east-asian: normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]

Властивість font-variant-east-asian може отримувати 4 значень:

normal

Вказує, що жодна з наведених нижче функцій не активована.

автор: Svitlana

правити

<east-asian-variant-values>

Ці значення контролюють відображення альтернативних гліфів:

• normal
• jis78
• jis83
• jis90
• jis04
• simplified
• traditional

автор: Svitlana

правити

<east-asian-width-values>

Ці значення контролюють розмір цифр, що використовується для східноазіатських символів. Можливі два значення:

• proportional-width, що активізує набір фігур, де всі цифри різних розмірів. Це відповідає значенню OpenType pwid;
• full-width, що активує набір фігур, де всі цифри мають однаковий розмір, що дозволяє їх легко вирівнювати, як у таблицях. Це відповідає значенням OpenType fwid.

автор: Svitlana

правити

ruby

Це ключове слово зумовлює використання спеціальних гліфів для рубінових символів.

Оскільки вони зазвичай менші, творці шрифтів часто розробляють спеціальні форми, для поліпшення контрасту. Це ключове слово відповідає значенню OpenType ruby.

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
font-variant-east-asian	63.0	34.0	Не підтримується	50.0	Не підтримується	Не підтримується

Підтримка: мобільні переглядачі

Переглядач
font-variant-east-asian	63.0	34.0	Не підтримується

Приклади

+ запропонувати свій приклад у пісочниці

<p class="normal">звичайно: 漢字 і цифри 0123</p>
<p class="fw">full-width: 漢字 і цифри 0123</p>

.fw {
    font-variant-east-asian: full-width;
}