Вариативный шрифт: различия между версиями
[непроверенная версия] | [непроверенная версия] |
Sa4ko (обсуждение | вклад) м ВП:СН, оформление |
РобоСтася (обсуждение | вклад) |
||
Строка 13: | Строка 13: | ||
Одно из ключевых преимуществ технологии заключается в том, что она позволяет значительно уменьшить общий размер данных файла при использовании нескольких стилей. В Интернете это позволит сайту использовать больше начертаний и в то же время сократить время загрузки страницы. Еще одним преимуществом является доступ к множеству вариаций стилей, что может быть полезно для [[Адаптивный веб-дизайн|адаптивного дизайна]]<ref>{{Cite web|url=https://fonts.google.com/knowledge/using_variable_fonts_on_the_web/optimizing_typographic_space_with_variable_fonts|title=Optimizing typographic space with variable fonts – Fonts Knowledge|lang=en|website=Google Fonts|access-date=2024-04-21}}</ref>. |
Одно из ключевых преимуществ технологии заключается в том, что она позволяет значительно уменьшить общий размер данных файла при использовании нескольких стилей. В Интернете это позволит сайту использовать больше начертаний и в то же время сократить время загрузки страницы. Еще одним преимуществом является доступ к множеству вариаций стилей, что может быть полезно для [[Адаптивный веб-дизайн|адаптивного дизайна]]<ref>{{Cite web|url=https://fonts.google.com/knowledge/using_variable_fonts_on_the_web/optimizing_typographic_space_with_variable_fonts|title=Optimizing typographic space with variable fonts – Fonts Knowledge|lang=en|website=Google Fonts|access-date=2024-04-21}}</ref>. |
||
Технологию сравнивают с технологией множественных опорных шрифтов ([[PostScript|multiple master fonts, MM fonts]]) Adobe, также появившейся в 1990-х годах, которая использовала генерацию шрифтовых начертаний "на лету" из мастер-файлов путем интерполяции и экстраполяции<ref name="Designing Multiple Master Typefaces">{{cite book|title=Designing Multiple Master Typefaces|url=https://partners.adobe.com/public/developer/en/font/5091.Design_MM_Fonts.pdf|location=San José|publisher=Adobe Systems|date=1997|archive-url=https://web.archive.org/web/20050128015956/https://partners.adobe.com/public/developer/en/font/5091.Design_MM_Fonts.pdf|url-status=dead|archive-date=2005-01-28|access-date= |
Технологию сравнивают с технологией множественных опорных шрифтов ([[PostScript|multiple master fonts, MM fonts]]) Adobe, также появившейся в 1990-х годах, которая использовала генерацию шрифтовых начертаний "на лету" из мастер-файлов путем интерполяции и экстраполяции<ref name="Designing Multiple Master Typefaces">{{cite book|title=Designing Multiple Master Typefaces|url=https://partners.adobe.com/public/developer/en/font/5091.Design_MM_Fonts.pdf|location=San José|publisher=Adobe Systems|date=1997|archive-url=https://web.archive.org/web/20050128015956/https://partners.adobe.com/public/developer/en/font/5091.Design_MM_Fonts.pdf|url-status=dead|archive-date=2005-01-28|access-date=2017-09-20}}</ref><ref name="Riggs 7">{{cite web|url=http://blog.typekit.com/2014/07/30/the-adobe-originals-silver-anniversary-story-how-the-originals-endured-in-an-ever-changing-industry/|title=The Adobe Originals Silver Anniversary Story|website=Typekit blog|publisher=Adobe|access-date=2015-07-02|last1=Riggs|first1=Tamye}}</ref><ref name="Riggs 5">{{cite web|url=http://blog.typekit.com/2014/06/30/the-adobe-originals-silver-anniversary-story-expanding-the-originals/|title=The Adobe Originals Silver Anniversary Story: Expanding the Originals|website=Typekit|publisher=Adobe Systems|access-date=2016-01-08}}</ref><ref>{{cite web|url=http://www.thomasphinney.com/2010/03/font-remix-tools-rmx-and-multiple-master-fonts-in-type-design/|title=Font Remix Tools (RMX) and Multiple Master Fonts in type design|date=2010-03-18|publisher=Phinney|access-date=2015-07-04|last1=Phinney|first1=Thomas}}</ref>. Шрифты Multiple Master, тем не менее, требовали от пользователя создания конкретного «эталона» шрифта для определенных значений оси вариации в программе Adobe Type Manager, прежде чем они могли быть использованы. |
||
Для переменных шрифтов OpenType этого не требуется: указанные или произвольные шрифты выбираются и используются по необходимости. |
Для переменных шрифтов OpenType этого не требуется: указанные или произвольные шрифты выбираются и используются по необходимости. |
||
Строка 25: | Строка 25: | ||
[[Android]] предоставила разработчикам мобильных приложений поддержку вариативных шрифтов в [[Android Oreo]]<ref>{{Cite web|url=https://echo.moe/using-built-in-variable-font-on-android/|title=Using Built-in Variable Font on Android - 回音的博客|lang=en-US|website=echo.moe|access-date=2024-04-21}}</ref> или на уровне API 26<ref>{{Cite web|url=https://medium.com/over-engineering/variable-fonts-in-android-p-c5c918275646|title=Variable Fonts in Android O 🖍|lang=en|first=Rebecca|last=Franks|website=Over Engineering|date=2018-05-02|access-date=2024-04-21}}</ref>. |
[[Android]] предоставила разработчикам мобильных приложений поддержку вариативных шрифтов в [[Android Oreo]]<ref>{{Cite web|url=https://echo.moe/using-built-in-variable-font-on-android/|title=Using Built-in Variable Font on Android - 回音的博客|lang=en-US|website=echo.moe|access-date=2024-04-21}}</ref> или на уровне API 26<ref>{{Cite web|url=https://medium.com/over-engineering/variable-fonts-in-android-p-c5c918275646|title=Variable Fonts in Android O 🖍|lang=en|first=Rebecca|last=Franks|website=Over Engineering|date=2018-05-02|access-date=2024-04-21}}</ref>. |
||
Apple обеспечила поддержку переменных шрифтов в своей операционной системе начиная с [[macOS]] 10.5/''[[iOS]]'' 3.2<ref>{{cite web|url=https://v-fonts.com/support|title=Variable Fonts – Support|website=v-fonts.com|access-date= |
Apple обеспечила поддержку переменных шрифтов в своей операционной системе начиная с [[macOS]] 10.5/''[[iOS]]'' 3.2<ref>{{cite web|url=https://v-fonts.com/support|title=Variable Fonts – Support|website=v-fonts.com|access-date=2024-03-21}}</ref>, но их использование в [[Safari]] через [[WebKit]] появилось только в [[MacOS High Sierra|macOS 10.13]]/[[iOS 11]] с Safari 11<ref>{{cite web|url=https://developer.apple.com/documentation/coretext/1508650-ctfontdescriptorcreatecopywithva?language=objc|title=CTFontDescriptorCreateCopyWithVariation|website=Apple Developer Documentation|access-date=2024-03-21}}</ref><ref>{{cite web|url=https://webkit.org/blog/7956/new-webkit-features-in-safari-11/|title=New WebKit Features in Safari 11|website=WebKit|date=2017-09-22|last1=Davis|first1=Jon}}</ref>. |
||
[[FreeType]], программа рендеринга шрифтов, используемая в большинстве [[Unix]]-подобных систем, включая [[Linux]], получила поддержку переменных шрифтов в мае 2017 года (FreeType 2.8)<ref>{{cite web|url=https://www.phoronix.com/scan.php?page=news_item&px=FreeType-2.8-Released|title=FreeType 2.8 Completes OpenType Variation Fonts Support - Phoronix|website=www.phoronix.com}}</ref>. |
[[FreeType]], программа рендеринга шрифтов, используемая в большинстве [[Unix]]-подобных систем, включая [[Linux]], получила поддержку переменных шрифтов в мае 2017 года (FreeType 2.8)<ref>{{cite web|url=https://www.phoronix.com/scan.php?page=news_item&px=FreeType-2.8-Released|title=FreeType 2.8 Completes OpenType Variation Fonts Support - Phoronix|website=www.phoronix.com}}</ref>. |
||
Строка 31: | Строка 31: | ||
=== Редакторы === |
=== Редакторы === |
||
[[Файл:Chinese variable fonts Lanting Hei.gif|мини|Китайские переменные шрифты Lanting Hei.]] |
[[Файл:Chinese variable fonts Lanting Hei.gif|мини|Китайские переменные шрифты Lanting Hei.]] |
||
Версия [[Adobe Creative Cloud]] 2018, выпущенная 18 октября 2017 года, предусматривает поддержку переменных шрифтов в Photoshop<ref>{{cite web|url=https://helpx.adobe.com/photoshop/using/whats-new.html#Variablefonts|title=New features summary {{pipe}} October 2017 release of Photoshop CC|access-date=19 |
Версия [[Adobe Creative Cloud]] 2018, выпущенная 18 октября 2017 года, предусматривает поддержку переменных шрифтов в Photoshop<ref>{{cite web|url=https://helpx.adobe.com/photoshop/using/whats-new.html#Variablefonts|title=New features summary {{pipe}} October 2017 release of Photoshop CC|access-date=2017-10-19}}</ref> и Illustrator<ref>{{cite web|url=https://helpx.adobe.com/illustrator/using/whats-new.html#Variablefonts|title=New features summary {{pipe}} October 2017 release of Illustrator CC|access-date=2017-10-19}}</ref> и включает версии шрифтов Acumin, Minion, [[Myriad (шрифт)|Myriad]], [[Source Code Pro|Source Code]], [[Source Sans Pro|Source Sans]] и [[Source Serif Pro|Source Serif]] с переменной концепцией. В Creative Cloud 2020 добавлена поддержка переменных шрифтов для InDesign<ref>{{Cite web|url=https://indesignsecrets.com/whats-new-with-indesign-cc-2020.php|title=What's New with InDesign 2020? | CreativePro Network|date=2019-11-04}}</ref>. |
||
В [[Inkscape]] версии 1.0 добавлена поддержка переменных шрифтов<ref>{{cite web|url=https://inkscape.org/news/2020/05/04/introducing-inkscape-10/|title=Introducing Inkscape 1.0|website=inkscape.org|access-date=2020-07-01}}</ref>. |
В [[Inkscape]] версии 1.0 добавлена поддержка переменных шрифтов<ref>{{cite web|url=https://inkscape.org/news/2020/05/04/introducing-inkscape-10/|title=Introducing Inkscape 1.0|website=inkscape.org|access-date=2020-07-01}}</ref>. |
||
В [[LibreOffice]] версии 7.5 добавлена поддержка переменных шрифтов<ref name="lo7.5">{{Cite web|url=https://wiki.documentfoundation.org/ReleaseNotes/7.5|title=LibreOffice 7.5: Release Notes|publisher=The Document Foundation's Wiki|access-date= |
В [[LibreOffice]] версии 7.5 добавлена поддержка переменных шрифтов<ref name="lo7.5">{{Cite web|url=https://wiki.documentfoundation.org/ReleaseNotes/7.5|title=LibreOffice 7.5: Release Notes|publisher=The Document Foundation's Wiki|access-date=2023-02-03}}</ref>. |
||
Начиная с версии 59, в [[Sketch]] стала доступна поддержка вариативных шрифтов<ref>{{Cite web|url=https://web.archive.org/web/20210419120735/https://www.sketch.com/blog/2019/10/15/variable-fonts-improved-opentype-support-and-a-new-data-plugin-whats-new-in-sketch/|title=Sketch — Variable Fonts, improved OpenType support, and a new Data plugin — What’s new in Sketch?|website=web.archive.org|date=2021-04-19|access-date=2024-04-21}}</ref>. |
Начиная с версии 59, в [[Sketch]] стала доступна поддержка вариативных шрифтов<ref>{{Cite web|url=https://web.archive.org/web/20210419120735/https://www.sketch.com/blog/2019/10/15/variable-fonts-improved-opentype-support-and-a-new-data-plugin-whats-new-in-sketch/|title=Sketch — Variable Fonts, improved OpenType support, and a new Data plugin — What’s new in Sketch?|website=web.archive.org|date=2021-04-19|access-date=2024-04-21}}</ref>. |
Текущая версия от 08:33, 19 июля 2024
Вариативные шрифты 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 этого не требуется: указанные или произвольные шрифты выбираются и используются по необходимости.
Внедрение
[править | править код]Операционные системы
[править | править код]В ОС 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].
Редакторы
[править | править код]Версия 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].
wght |
вес (толщина) |
wdth |
ширина |
slnt |
угол наклона |
ital |
курсивность |
opsz |
оптический размер |
Шрифтовики могут создавать и внедрять свои собственные оси, в которых можно изменять длину засечек, рост строчных или прописных знаков, высоту выносных элементов, контраст или вообще изменять декоративные элементы. Так, например, можно варьировать низкоконтрастные варианты в сплошном текстовом наборе и начертания с высоким контрастом и акцентированными деталями для крупных заголовков. В частности это свойство гарнитуры New York использует Apple в своих ОС и сайтах[36].
Примечания
[править | править код]- ↑ ArrowType Recursive Sans & Mono (англ.). recursive.design. Дата обращения: 21 апреля 2024.
- ↑ Phinney, Thomas Variable Fonts Are the Next Generation . Communication Arts. Дата обращения: 20 сентября 2017. Архивировано 21 сентября 2017 года.
- ↑ Phinney, Thomas The Lesson of Color Fonts for Variable Fonts . thomasphinney.com. Дата обращения: 20 сентября 2017. Архивировано 21 сентября 2017 года.
- ↑ Introducing OpenType Font Variations . www.microsoft.com. Дата обращения: 9 ноября 2017. Архивировано 5 ноября 2017 года.
- ↑ CSS Fonts Module Level 4 . drafts.csswg.org. Дата обращения: 9 ноября 2017. Архивировано 7 ноября 2017 года.
- ↑ Nieskens, Roel Variable Fonts: the Future of (Web) Type . Typographica. Дата обращения: 31 октября 2016. Архивировано 15 января 2021 года.
- ↑ Hudson, John Introducing OpenType Variable Fonts . Medium. Tiro Typeworks. Дата обращения: 31 октября 2016. Архивировано 30 января 2018 года.
- ↑ 1 2 The Type — 参数化设计与字体战争:从 OpenType 1.8 说起 . The Type. Дата обращения: 21 апреля 2024.
- ↑ Part 1: from TrueType GX to Variable Fonts. | Monotype. (англ.). www.monotype.com (Tue, 11/29/2016 - 18:03). Дата обращения: 21 апреля 2024.
- ↑ The Typekit Blog | Variable fonts, a new kind of font for flexible design . blog.typekit.com. Дата обращения: 21 апреля 2024.
- ↑ Griscti, Jessica Jess Loves Interpolation | Alphabettes (амер. англ.) (9 ноября 2012). Дата обращения: 21 апреля 2024.
- ↑ Optimizing typographic space with variable fonts – Fonts Knowledge (англ.). Google Fonts. Дата обращения: 21 апреля 2024.
- ↑ Designing Multiple Master Typefaces. — San José : Adobe Systems, 1997.
- ↑ Riggs, Tamye The Adobe Originals Silver Anniversary Story . Typekit blog. Adobe. Дата обращения: 2 июля 2015.
- ↑ The Adobe Originals Silver Anniversary Story: Expanding the Originals . Typekit. Adobe Systems. Дата обращения: 8 января 2016.
- ↑ Phinney, Thomas Font Remix Tools (RMX) and Multiple Master Fonts in type design . Phinney (18 марта 2010). Дата обращения: 4 июля 2015.
- ↑ Introducing the Bahnschrift font . Windows Blog. Microsoft. Дата обращения: 28 августа 2017. Архивировано 5 сентября 2017 года.
- ↑ Protalinski, Emil Microsoft releases new Windows 10 preview with shell, Edge, and input improvements . VentureBeat. Дата обращения: 28 августа 2017.
- ↑ 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.
- ↑ Using Built-in Variable Font on Android - 回音的博客 (амер. англ.). echo.moe. Дата обращения: 21 апреля 2024.
- ↑ Franks, Rebecca Variable Fonts in Android O 🖍 (англ.). Over Engineering (2 мая 2018). Дата обращения: 21 апреля 2024.
- ↑ Variable Fonts – Support . v-fonts.com. Дата обращения: 21 марта 2024.
- ↑ CTFontDescriptorCreateCopyWithVariation . Apple Developer Documentation. Дата обращения: 21 марта 2024.
- ↑ Davis, Jon New WebKit Features in Safari 11 . WebKit (22 сентября 2017).
- ↑ FreeType 2.8 Completes OpenType Variation Fonts Support - Phoronix . www.phoronix.com.
- ↑ New features summary | October 2017 release of Photoshop CC . Дата обращения: 19 октября 2017.
- ↑ New features summary | October 2017 release of Illustrator CC . Дата обращения: 19 октября 2017.
- ↑ What's New with InDesign 2020? | CreativePro Network (4 ноября 2019).
- ↑ Introducing Inkscape 1.0 . inkscape.org. Дата обращения: 1 июля 2020.
- ↑ LibreOffice 7.5: Release Notes . The Document Foundation's Wiki. Дата обращения: 3 февраля 2023.
- ↑ Sketch — Variable Fonts, improved OpenType support, and a new Data plugin — What’s new in Sketch? web.archive.org (19 апреля 2021). Дата обращения: 21 апреля 2024.
- ↑ Variable fonts guide - CSS: Cascading Style Sheets | MDN (амер. англ.). developer.mozilla.org (16 ноября 2023). Дата обращения: 21 апреля 2024.
- ↑ Future text improvements in Qt 6.7 (англ.). www.qt.io. Дата обращения: 22 апреля 2024.
- ↑ Вариативные шрифты: что это и как использовать? Дата обращения: 17 ноября 2021. Архивировано 17 ноября 2021 года.
- ↑ registered-axis-tags . Дата обращения: 17 ноября 2021. Архивировано 17 ноября 2021 года.
- ↑ Typography (амер. англ.). Apple Developer Documentation. Дата обращения: 22 апреля 2024.
Ссылки
[править | править код]- Вариативные шрифты в Интернете
- Введение в вариативные шрифты OpenType
- Из TrueType GX в вариативные шрифты
- Вариативные шрифты: будущее веб?
Это заготовка статьи о шрифтах. Помогите Википедии, дополнив её.