Вариативный шрифт

Перейти к навигацииПерейти к поиску
"Пространство дизайна" переменного шрифта Recursive Sans & Mono[1], изображенное в виде развёртки из двух кубов.

Вариативные шрифты OpenType (англ. OpenType variable fonts) — расширение спецификации OpenType, появившееся в OpenType 1.8[2][3]. 14 сентября 2016 года Adobe, Apple, Google и Microsoft анонсировали технологию, которая позволяет использовать один шрифтовой файл для бесконечного множества начертаний[4][5][6][7]. Дизайнер может выставлять различные параметры текста — ширину, наклон, жирность, форму засечек — и типографский движок нарисует текст с такими параметрами.

Вариативные шрифты OpenType являются адаптацией для OpenType вариативных шрифтов TrueType GX от Apple, с интеграцией основных аспектов формата OpenType: OpenType Layout tables, а также TrueType и CFF форматы контуров глифов.

История

Разработка технологии переменных шрифтов началась в 1990-х годах. Adobe представила Multiple Master fonts в 1991 году, а Apple позже — TrueType GX, но из-за взаимной конкуренции между Apple и Adobe и другими компаниями, а также по многим другим причинам эти технологии не получили широкого распространения[8][9]. Примерно в 2013 году Microsoft начала свои разработки и получила поддержку Apple в 2015 году, чтобы интегрировать свои технологии TrueType GX в OpenType. В январе 2016 года разработчик Google Бехдад Эсфахбод независимо опубликовал предложение OpenType GX, с которым впоследствии связались команды Microsoft и Apple. В феврале того же года проект был поддержан компанией Adobe, и Microsoft, Apple, Google и Adobe начали совместную разработку[8]. На 60-м симпозиуме ATypI, проходившем в Варшаве 14 сентября того же года, переменные шрифты OpenType были официально выпущены в версии OpenType 1.8[10].

Технологии

Интерполяция по разным осям

Технология использует механизмы интерполяции и экстраполяции, которые уже много лет поддерживаются в инструментах разработки шрифтов и используются шрифтовыми дизайнерами[11]. В этой парадигме автор шрифта создает изменяемый набор, но затем выбирает конкретные экземпляры для создания статичных, не изменяемых шрифтов, которые распространяются среди клиентов. Однако с переменными шрифтами шрифт, создаваемый и распространяемый дизайнером шрифтов, может иметь встроенную вариативность, а механизмы интерполяции теперь могут быть встроены в операционные системы, веб-браузеры и другие приложения, причем определенные начертания выбираются в момент использования.

Одно из ключевых преимуществ технологии заключается в том, что она позволяет значительно уменьшить общий размер данных файла при использовании нескольких стилей. В Интернете это позволит сайту использовать больше начертаний и в то же время сократить время загрузки страницы. Еще одним преимуществом является доступ к множеству вариаций стилей, что может быть полезно для адаптивного дизайна[12].

Технологию сравнивают с технологией множественных опорных шрифтов (multiple master fonts, MM fonts) Adobe, также появившейся в 1990-х годах, которая использовала генерацию шрифтовых начертаний "на лету" из мастер-файлов путем интерполяции и экстраполяции[13][14][15][16]. Шрифты Multiple Master, тем не менее, требовали от пользователя создания конкретного «эталона» шрифта для определенных значений оси вариации в программе Adobe Type Manager, прежде чем они могли быть использованы.

Для переменных шрифтов OpenType этого не требуется: указанные или произвольные шрифты выбираются и используются по необходимости.

Внедрение

Операционные системы

Разница между стандартной и вариативной системной гарнитурой Segoe UI

В ОС Windows 10 версии 1709 (известной как Windows 10 Fall Creators Update) корпорация Microsoft представила первый вариативный шрифт Windows: шрифт «Bahnschrift», который является оцифровкой DIN 1451[17][18]. Однако поддержка шрифтов CFF2 с использованием начертаний OpenType вызывала проблемы с механизмом рендеринга текста Windows, из-за чего текст пользовательского интерфейса иногда становился пустым; это было исправлено в 2023 году с помощью обновления KB5032278[19].

Android предоставила разработчикам мобильных приложений поддержку вариативных шрифтов в Android Oreo[20] или на уровне API 26[21].

Apple обеспечила поддержку переменных шрифтов в своей операционной системе начиная с macOS 10.5/iOS 3.2[22], но их использование в Safari через WebKit появилось только в macOS 10.13/iOS 11 с Safari 11[23][24].

FreeType, программа рендеринга шрифтов, используемая в большинстве Unix-подобных систем, включая Linux, получила поддержку переменных шрифтов в мае 2017 года (FreeType 2.8)[25].

Редакторы

Китайские переменные шрифты Lanting Hei.

Версия Adobe Creative Cloud 2018, выпущенная 18 октября 2017 года, предусматривает поддержку переменных шрифтов в Photoshop[26] и Illustrator[27] и включает версии шрифтов Acumin, Minion, Myriad, Source Code, Source Sans и Source Serif с переменной концепцией. В Creative Cloud 2020 добавлена поддержка переменных шрифтов для InDesign[28].

В Inkscape версии 1.0 добавлена поддержка переменных шрифтов[29].

В LibreOffice версии 7.5 добавлена поддержка переменных шрифтов[30].

Начиная с версии 59, в Sketch стала доступна поддержка вариативных шрифтов[31].

Браузеры и другие программы

Для управления переменными шрифтами в веб-браузере используются как существующие свойства для известных параметров, таких как вес, так и исходный элемент управления font-variation-settings. Историю поддержки свойств CSS см. на страницах MDN[32].

Фреймворк Qt и IDE Qt Creator поддерживают переменные шрифты, начиная с версий 6.7 и 13 соответственно[33].

Оси вариативности[34][35]
wghtвес (толщина)
wdthширина
slntугол наклона
italкурсивность
opszоптический размер

Шрифтовики могут создавать и внедрять свои собственные оси, в которых можно изменять длину засечек, рост строчных или прописных знаков, высоту выносных элементов, контраст или вообще изменять декоративные элементы. Так, например, можно варьировать низкоконтрастные варианты в сплошном текстовом наборе и начертания с высоким контрастом и акцентированными деталями для крупных заголовков. В частности это свойство гарнитуры New York использует Apple в своих ОС и сайтах[36].

Примечания

  1. ↑ ArrowType Recursive Sans & Mono (англ.). recursive.design. Дата обращения: 21 апреля 2024.
  2. ↑ Phinney, Thomas Variable Fonts Are the Next Generation. Communication Arts. Дата обращения: 20 сентября 2017. Архивировано 21 сентября 2017 года.
  3. ↑ Phinney, Thomas The Lesson of Color Fonts for Variable Fonts. thomasphinney.com. Дата обращения: 20 сентября 2017. Архивировано 21 сентября 2017 года.
  4. ↑ Introducing OpenType Font Variations. www.microsoft.com. Дата обращения: 9 ноября 2017. Архивировано 5 ноября 2017 года.
  5. ↑ CSS Fonts Module Level 4. drafts.csswg.org. Дата обращения: 9 ноября 2017. Архивировано 7 ноября 2017 года.
  6. ↑ Nieskens, Roel Variable Fonts: the Future of (Web) Type. Typographica. Дата обращения: 31 октября 2016. Архивировано 15 января 2021 года.
  7. ↑ Hudson, John Introducing OpenType Variable Fonts. Medium. Tiro Typeworks. Дата обращения: 31 октября 2016. Архивировано 30 января 2018 года.
  8. ↑ 1 2 The Type — 参数化设计与字体战争：从 OpenType 1.8 说起. The Type. Дата обращения: 21 апреля 2024.
  9. ↑ Part 1: from TrueType GX to Variable Fonts. | Monotype. (англ.). www.monotype.com (Tue, 11/29/2016 - 18:03). Дата обращения: 21 апреля 2024.
  10. ↑ The Typekit Blog | Variable fonts, a new kind of font for flexible design. blog.typekit.com. Дата обращения: 21 апреля 2024.
  11. ↑ Griscti, Jessica Jess Loves Interpolation | Alphabettes (амер. англ.) (9 ноября 2012). Дата обращения: 21 апреля 2024.
  12. ↑ Optimizing typographic space with variable fonts – Fonts Knowledge (англ.). Google Fonts. Дата обращения: 21 апреля 2024.
  13. ↑ Designing Multiple Master Typefaces. — San José : Adobe Systems, 1997.
  14. ↑ Riggs, Tamye The Adobe Originals Silver Anniversary Story. Typekit blog. Adobe. Дата обращения: 2 июля 2015.
  15. ↑ The Adobe Originals Silver Anniversary Story: Expanding the Originals. Typekit. Adobe Systems. Дата обращения: 8 января 2016.
  16. ↑ Phinney, Thomas Font Remix Tools (RMX) and Multiple Master Fonts in type design. Phinney (18 марта 2010). Дата обращения: 4 июля 2015.
  17. ↑ Introducing the Bahnschrift font. Windows Blog. Microsoft. Дата обращения: 28 августа 2017. Архивировано 5 сентября 2017 года.
  18. ↑ Protalinski, Emil Microsoft releases new Windows 10 preview with shell, Edge, and input improvements. VentureBeat. Дата обращения: 28 августа 2017.
  19. ↑ Source Han Sans CFF2 VF (or any CFF2 font) causes Windows text rendering to blank out (Windows 10 and 11) · Issue #290 · adobe-fonts/source-han-sans (англ.). GitHub. Дата обращения: 21 апреля 2024.
  20. ↑ Using Built-in Variable Font on Android - 回音的博客 (амер. англ.). echo.moe. Дата обращения: 21 апреля 2024.
  21. ↑ Franks, Rebecca Variable Fonts in Android O 🖍 (англ.). Over Engineering (2 мая 2018). Дата обращения: 21 апреля 2024.
  22. ↑ Variable Fonts – Support. v-fonts.com. Дата обращения: 21 марта 2024.
  23. ↑ CTFontDescriptorCreateCopyWithVariation. Apple Developer Documentation. Дата обращения: 21 марта 2024.
  24. ↑ Davis, Jon New WebKit Features in Safari 11. WebKit (22 сентября 2017).
  25. ↑ FreeType 2.8 Completes OpenType Variation Fonts Support - Phoronix. www.phoronix.com.
  26. ↑ New features summary | October 2017 release of Photoshop CC. Дата обращения: 19 октября 2017.
  27. ↑ New features summary | October 2017 release of Illustrator CC. Дата обращения: 19 октября 2017.
  28. ↑ What's New with InDesign 2020? | CreativePro Network (4 ноября 2019).
  29. ↑ Introducing Inkscape 1.0. inkscape.org. Дата обращения: 1 июля 2020.
  30. ↑ LibreOffice 7.5: Release Notes. The Document Foundation's Wiki. Дата обращения: 3 февраля 2023.
  31. ↑ Sketch — Variable Fonts, improved OpenType support, and a new Data plugin — What’s new in Sketch? web.archive.org (19 апреля 2021). Дата обращения: 21 апреля 2024.
  32. ↑ Variable fonts guide - CSS: Cascading Style Sheets | MDN (амер. англ.). developer.mozilla.org (16 ноября 2023). Дата обращения: 21 апреля 2024.
  33. ↑ Future text improvements in Qt 6.7 (англ.). www.qt.io. Дата обращения: 22 апреля 2024.
  34. ↑ Вариативные шрифты: что это и как использовать? Дата обращения: 17 ноября 2021. Архивировано 17 ноября 2021 года.
  35. ↑ registered-axis-tags. Дата обращения: 17 ноября 2021. Архивировано 17 ноября 2021 года.
  36. ↑ Typography (амер. англ.). Apple Developer Documentation. Дата обращения: 22 апреля 2024.

Ссылки