[Epic]: Переход на VK Sans Text

[inomdzhon]

Задачи

Есть два варианта:

1️⃣ VK Sans Text по умолачнию ВКЛЮЧЁН.

Пользователю надо сбрасывать типографические токены на font- family и letter-spacing.

Сброс токенов

some_selector {  
  --vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
  
  --vkui--font_title1--letter_spacing--regular: initial;
  --vkui--font_title2--letter_spacing--regular: initial;
  --vkui--font_title3--letter_spacing--regular: initial;
  --vkui--font_headline1--letter_spacing--regular: initial;
  --vkui--font_headline1--letter_spacing--compact: initial;
  --vkui--font_headline2--letter_spacing--regular: initial;
  --vkui--font_headline2--letter_spacing--compact: initial;
  --vkui--font_text--letter_spacing--regular: initial;
  --vkui--font_text--letter_spacing--compact: initial;
  --vkui--font_paragraph--letter_spacing--regular: initial;
  --vkui--font_subhead--letter_spacing--regular: initial;
  --vkui--font_subhead--letter_spacing--compact: initial;
  --vkui--font_footnote--letter_spacing--regular: initial;
  --vkui--font_footnote_caps--letter_spacing--regular: initial;
  --vkui--font_caption1--letter_spacing--regular: initial;
  --vkui--font_caption1_caps--letter_spacing--regular: initial;
  --vkui--font_caption2--letter_spacing--regular: initial;
  --vkui--font_caption2_caps--letter_spacing--regular: initial;
  --vkui--font_caption3--letter_spacing--regular: initial;
  --vkui--font_caption3_caps--letter_spacing--regular: initial;
  --vkui--font_headline--letter_spacing--regular: initial;
  --vkui--font_headline--letter_spacing--compact: initial;
}

2️⃣ VK Sans Text по умолчанию ВЫКЛЮЧЕН.

Пользователь подключает файл с fonts.css.

⚠️ В @vkontakte/vkui-tokens надо сбросить токены на letter-spacing и сделать так, чтобы они подключались отдельно.

На заметку про letter-spacing

Предоставлять postcss плагин, который будет выставлять letter-spacing и необходимый font-family.

---

Старое описание

• [v4.40-alpha][Feature][Typography]: Расставить токены из vkui-tokens для letter-spacing #3549
• [vkBase][Feature]: добавить VK Sans Text как шрифт по умолчанию vkui-tokens#272
  • [v4.40-alpha][Dependencies]: Обновить @vkontakte/vkui-tokens до v4.22.0 #3564
• Создать репозиторий с VK Sans Text.
  Вкратце о репозитории:
  • В нём должен быть CSS файл с подключением шрифта.
  • Документация о том, как подключать шрифт к себе.
  • Должен быть выложен в NPM.
• Написать документацию про подключение VK Sans Text.

[inomdzhon]

Решили пока не переходить на VK Sans Text.