Variable font

The "design space" of the variable font Recursive Sans & Mono,[1] illustrated as the nets of two cubes

A variable font (VF) is a font file that is able to store a continuous range of design variants. An entire typeface (font family) can be stored in such a file, with an infinite number of fonts available to be sampled.[2]

The variable font technology originated in Apple's TrueType GX font variations. The technology was adapted to OpenType as OpenType variable fonts (OTVF) in version 1.8 of the OpenType specification.[3][4][5] The technology was announced by Adobe, Apple, Google, and Microsoft in September 2016. Making such a feature standardized in OpenType paved the way for support in many software platforms.[3][6][7][8]

Variable fonts should not be confused with variable-width fonts. A variable font may be either variable-width or fixed-width.[9]

Technology

OpenType variable fonts are an adaptation of Apple's TrueType GX font variations to OpenType, with integration into key aspects of the OpenType format including OpenType Layout tables and both TrueType and CFF glyph outline formats. It also surpasses TrueType GX by providing better interoperability, both between different fonts, and between variable fonts and font-formatting specifications such as those found in Cascading Style Sheets. The technology allows software to access any design instance for a continuous range of designs defined within the font. When a specific design instance has been selected, the glyph outlines or other data values for that design instance are computed as font data is being processed during text layout and rasterization.

The technology uses interpolation and extrapolation mechanisms that have been supported in font-development tools and used by font designers for many years.[10] In that paradigm, the font designer creates a variable design, but then chooses specific instances to generate as static, non-variable fonts that get distributed to customers. With variable fonts, however, the font produced and distributed by the font designer can have built-in variability, and the interpolation mechanisms can now be built into operating systems and Web browsers or other applications, with specific design instances selected at time of use.

One of the key benefits of the technology is that it can significantly reduce the combined size of font data whenever multiple styles are in use. On the Web, this may allow a site to use more font styles while at the same time reducing page load times. A further benefit is that it gives access to a continuous range of style variations, which can provide benefits for responsive design.

The technology has been compared to Adobe's multiple master fonts (MM fonts) technology, also from the 1990s, which used on-the-fly generation of font designs from master files by interpolation and extrapolation.[11][12][13][14] Multiple master fonts, however, required the user to generate a specific "instance" of the font for particular variation-axis values before it could be used. This is not required for OpenType variable fonts, however: named or arbitrary design instances can be selected and used on demand.

Adoption

Operating systems

In Windows 10, version 1709 (or known as "Windows 10 Fall Creators Update") released in 2017, official support for variable fonts is provided by Microsoft,[15] along with the first variable font in Windows: the "Bahnschrift" font, which is a digitisation of DIN 1451.[16][17] However, support for CFF2 fonts using OpenType outlines had caused issues with Windows text rendering engine, sometimes making UI text blank out; this was later fixed in 2023 with the KB5032278 update.[18]

Android started to provide variable font support for mobile app developers in Android Oreo[19] or API level 26.[20]

Apple provided variable font support in its operating system since macOS 10.5/iOS 3.2,[21] but usage in Safari through WebKit only comes in macOS 10.13/iOS 11 with Safari 11.[22][23]

FreeType, the font rendering program used by most Unix-like systems including Linux, received variable font support in May 2017 (FreeType 2.8).[24]

Editors

Adobe Creative Cloud 2018 version, released 18 October 2017, includes support for variable fonts in Photoshop[25] and Illustrator[26] and includes variable concept versions of the fonts Acumin, Minion, Myriad, Source Code, Source Sans, and Source Serif.

Creative Cloud 2020 has added variable font support for InDesign.[27]

Inkscape version 1.0 has added variable font support.[28]

LibreOffice version 7.5 has added variable font support.[29]

Browsers

Variable fonts are controlled in the web browser using both existing properties for well-known options such as weight and a raw font-variation-settings control. Refer to the MDN pages of the CSS property for support history.[2]

References

  1. ^ Type, Arrow. "Recursive Sans & Mono". recursive.design. Retrieved 27 June 2021.
  2. ^ a b "Variable fonts guide - CSS: Cascading Style Sheets". MDN.
  3. ^ a b "Introducing OpenType Font Variations". www.microsoft.com.
  4. ^ Phinney, Thomas (February 2017). "Variable Fonts Are the Next Generation". Communication Arts. Retrieved 20 September 2017.
  5. ^ Phinney, Thomas (14 September 2016). "The Lesson of Color Fonts for Variable Fonts". thomasphinney.com. Retrieved 20 September 2017.
  6. ^ "CSS Fonts Module Level 4". drafts.csswg.org.
  7. ^ Nieskens, Roel. "Variable Fonts: the Future of (Web) Type". Typographica. Retrieved 31 October 2016.
  8. ^ Hudson, John. "Introducing OpenType Variable Fonts". Medium. Tiro Typeworks. Retrieved 31 October 2016.
  9. ^ Beckwith, Kate. "Ubuntu's new variable fonts". TypeNetwork. Retrieved 8 August 2024.
  10. ^ Griscti, Jessica. "Jess Loves Interpolation". Alphabettes. Retrieved 15 May 2016.
  11. ^ Designing Multiple Master Typefaces (PDF). San José: Adobe Systems. 1997. Archived from the original (PDF) on 28 January 2005. Retrieved 20 September 2017.
  12. ^ Riggs, Tamye. "The Adobe Originals Silver Anniversary Story". Typekit blog. Adobe. Retrieved 2 July 2015.
  13. ^ "The Adobe Originals Silver Anniversary Story: Expanding the Originals". Typekit. Adobe Systems. Retrieved 8 January 2016.
  14. ^ Phinney, Thomas (18 March 2010). "Font Remix Tools (RMX) and Multiple Master Fonts in type design". Phinney. Retrieved 4 July 2015.
  15. ^ "What's new in DirectWrite - Win32 apps". learn.microsoft.com. 4 October 2021. Retrieved 21 March 2024.
  16. ^ "Introducing the Bahnschrift font". Windows Blog. Microsoft. 23 August 2017. Retrieved 28 August 2017.
  17. ^ Protalinski, Emil (23 August 2017). "Microsoft releases new Windows 10 preview with shell, Edge, and input improvements". VentureBeat. Retrieved 28 August 2017.
  18. ^ "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. Retrieved 21 March 2024.
  19. ^ "Using Built-in Variable Font on Android - 回音的博客". echo.moe. Retrieved 21 March 2024.
  20. ^ Franks, Rebecca (2 May 2018). "Variable Fonts in Android O 🖍". Over Engineering. Retrieved 21 March 2024.
  21. ^ "Variable Fonts – Support". v-fonts.com. Retrieved 21 March 2024.
  22. ^ "CTFontDescriptorCreateCopyWithVariation". Apple Developer Documentation. Retrieved 21 March 2024.
  23. ^ Davis, Jon (22 September 2017). "New WebKit Features in Safari 11". WebKit.
  24. ^ "FreeType 2.8 Completes OpenType Variation Fonts Support - Phoronix". www.phoronix.com.
  25. ^ "New features summary | October 2017 release of Photoshop CC". Retrieved 19 October 2017.
  26. ^ "New features summary | October 2017 release of Illustrator CC". Retrieved 19 October 2017.
  27. ^ "What's New with InDesign 2020? | CreativePro Network". 4 November 2019.
  28. ^ "Introducing Inkscape 1.0". inkscape.org. Retrieved 1 July 2020.
  29. ^ "LibreOffice 7.5: Release Notes". The Document Foundation's Wiki. Retrieved 3 February 2023.

Read other articles:

Shaw-Han Liem

Artikel ini sebatang kara, artinya tidak ada artikel lain yang memiliki pranala balik ke halaman ini.Bantulah menambah pranala ke artikel ini dari artikel yang berhubungan atau coba peralatan pencari pranala.Tag ini diberikan pada Desember 2023. I Am Robot and ProudI am Robot and Proud tampil pada Februari 2009.Informasi latar belakangNama lahirShaw-Han LiemLahirToronto, Ontario, KanadaAsalToronto, Ontario, KanadaGenreIndietronikaTahun aktif2001–sekarangLabelDarla, & RecordsSitus webwww...

 

Eugen Schiffer

Eugen Schiffer Menteri KeuanganMasa jabatan13 Februari 1919 – 19 April 1919 PendahuluSiegfried von RoedernPenggantiBernhard DernburgMenteri KeadilanMasa jabatan3 Oktober 1919 – 26 Maret 1920 PendahuluOtto LandsbergPenggantiAndreas BlunckMasa jabatan10 Mei 1921 – 22 Oktober 1921 PendahuluRudolf HeinzePenggantiGustav Radbruch Informasi pribadiLahir(1860-02-14)14 Februari 1860Breslau, Kerajaan PrusiaMeninggal5 September 1954(1954-09-05) (umur 94)Berlin Barat...

 

LabSatu

Artikel ini sebatang kara, artinya tidak ada artikel lain yang memiliki pranala balik ke halaman ini.Bantulah menambah pranala ke artikel ini dari artikel yang berhubungan atau coba peralatan pencari pranala.Tag ini diberikan pada Februari 2023. LabSatu.comPeringkat Alexa 436,311 (November 2020) [1] LabSatu adalah sebuah perusahaan e-commerce atau marketplace dalam pemenuhan kebutuhan alat dan bahan laboratorium, bahan kimia (reagent), kesehatan serta menyediakan layanan uji analisa s...

История Швейцарии

История ШвейцарииШвейцария до объединения (1291) Доисторическая Швейцария Римская Швейцария Верхняя Бургундия Швейцарский союз (1291—1798) Федеративная хартия Экспансия Реформация в Швейцарии Три Лиги Лига десяти сообществ Лига дома Божьего Серая лига Во время Наполеоновс...

 

Kacang oven

Kacang oven khas Jepara. Kacang Oven merupakan olahan kacang tanah[1] yang dalam pemrosesannya tanpa menggunakan minyak. Oleh sebab itu, kacang terasa gurih dan tidak berminyak. Kacang oven merupakan makanan khas dari Kabupaten Jepara. Bahan baku kacang olahan[2] ini adalah kacang tanah yang dapat ditanam dan tumbuh di daerah Jepara dengan baik bahkan berkualitas bagus, kecocokan tanah dan cara penanamannya apalagi dengan penyediaan bibit yang unggul. Dalam hal ini pihak pemer...

 

L'Opinion (quotidien français)

Pour les articles homonymes, voir L'Opinion. L'Opinion Pays France Zone de diffusion France entière Langue français Périodicité quotidien (lundi au vendredi) Format berlinois Genre presse nationale, journal d'opinion Prix au numéro 3 € Diffusion env. près de 42 000 ex. chaque jour ex. ([1],[Note 1]) Fondateur Nicolas Beytout Date de fondation 14 mai 2013 Éditeur Bey Medias Presse & Internet Ville d’édition Paris Propriétaire Bey Medias Presse & Internet (792 10...

العلاقات التشيلية الروسية

العلاقات التشيلية الروسية تشيلي روسيا   تشيلي   روسيا تعديل مصدري - تعديل   العلاقات التشيلية الروسية هي العلاقات الثنائية التي تجمع بين تشيلي وروسيا.[1][2][3][4][5] مقارنة بين البلدين هذه مقارنة عامة ومرجعية للدولتين: وجه المقارنة تشيلي روسيا �...

 

True Crime (1999 film)

1999 film by Clint Eastwood This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: True Crime 1999 film – news · newspapers · books · scholar · JSTOR (March 2018) (Learn how and when to remove this template message) True CrimeTheatrical release posterDirected byClint EastwoodScreenplay byLarry GrossPaul Brickm...

 

Teatro Valle

Teatro Valle Franca ValeriUbicazioneStato Italia LocalitàRoma IndirizzoVia del Teatro Valle 21 RealizzazioneCostruzione1727 Inaugurazione7 gennaio 1727 ArchitettoTommaso Morelli ProprietarioRoma Capitale Sito ufficiale Modifica dati su Wikidata · ManualeCoordinate: 41°53′51″N 12°28′30″E / 41.8975°N 12.475°E41.8975; 12.475 Il Teatro Valle Franca Valeri è un teatro di Roma: sito nel rione Sant'Eustachio, è tra i più antichi teatri moderni d'Europa[...

Transgender genocide

Characterization of discrimination against trans people This article may lack focus or may be about more than one topic. Please help improve this article, possibly by splitting the article and/or by introducing a disambiguation page, or discuss this issue on the talk page. (February 2024) No More Trans Death sign being held at a transgender rights protest in London's Whitehall on January 21, 2023 Part of a series onTransgender topics      OutlineHistoryTimeline Gender...

 

Aile volante

Pour les articles homonymes, voir Aile. Pour un article plus général, voir Configuration d'aile. Le nEUROn de Dassault Aviation. Le Northrop B-2 Spirit, avion bombardier emblématique des ailes volantes. Une aile volante désigne un aéronef ne possédant ni fuselage, ni empennage, et dont l’ensemble des différentes surfaces mobiles nécessaires à son pilotage est situé sur la voilure. Par conséquent, le cockpit est intégré à l’aile qui embarque également la charge utile (passa...

 

Maggi

Untuk kegunaan lain, lihat Maggi (disambiguasi). MaggiJenisAktiengesellschaft; cabang NestléIndustriMakananDidirikan1872PendiriJulius MaggiKantorpusatCham , Zug SwitzerlandTokohkunciAlain PedersenSitus webmaggi.ch Maggi adalah sebuah merek internasional dari sup instan, kaldu, saus tomat, saus, penyedap rasa dan mi instan. Dimiliki oleh Nestlé sejak 1947, perusahaan tersebut aslinya didirikan di Switzerland pada 1872 oleh Julius Maggi. Merek yang terkenal adalah Mi Maggi, Kaldu Maggi, dan M...

Colesworthey Grant

English artist, writer and animal-rights activist in India Portrait from the frontispiece of the biography by Peary Chand Mitra (1881) Colesworthey Grant (sometimes spelt Colesworthy; 25 October 1813 – 31 May 1880[1]) was an English artist, writer and pioneer activist against cruelty to animals in India. Teaching himself art and sketching, he produced numerous portraits of many early East India Company servants of influence in Calcutta which were published in the local periodicals o...

 

Стеллерова корова

† Стеллерова корова Муляж стеллеровой коровы в Лондонском музее естествознания Научная классификация Домен:ЭукариотыЦарство:ЖивотныеПодцарство:ЭуметазоиБез ранга:Двусторонне-симметричныеБез ранга:ВторичноротыеТип:ХордовыеПодтип:ПозвоночныеИнфратип:Челюстно�...

 

Grisy-sur-Seine

Peta infrastruktur dan tata guna lahan di Komune Grisy-sur-Seine.  = Kawasan perkotaan  = Lahan subur  = Padang rumput  = Lahan pertanaman campuran  = Hutan  = Vegetasi perdu  = Lahan basah  = Anak sungaiGrisy-sur-SeineNegaraPrancisArondisemenProvinsKantonBray-sur-SeineAntarkomuneCommunauté de communes du Canton de Bray-sur-SeinePemerintahan • Wali kota (2008-2014) Jean-Claude Jegoudez • Populasi1102Kode INSEE/pos77218 / 2 ...

Agatha (nama)

AgathaSebuah Ikon Ortodoks St. Agatha dari Sisilia, seorang santa yang bertanggung jawab atas penggunaan luas nama AgathaPelafalan/ˈæɡəθə/[1]Jenis kelaminPerempuanBahasaBahasa Yunani KunoAsal usulArtibaikAlternatifLihat pulaAg, Aggy, Aggi, Aggie Agatha (juga disebut Agata) adalah nama yang biasanya diberikan kepada perempuan yang berasal dari kata Bahasa Yunani Kuno ἀγαθός (agathos), yang berarti baik. Nama itu juga digunakan oleh St. Agatha dari Sisilia, seorang martir K...

 

الوكالة الأوروبية للبيئة

55°40′52″N 12°35′12″E / 55.681208°N 12.586609°E / 55.681208; 12.586609 الوكالة الأوروبية للبيئة   تفاصيل الوكالة الحكومية البلد الدنمارك  تأسست 7 مايو 1990[1]،  و1990[2]  الإحداثيات 55°40′52″N 12°35′12″E / 55.681208°N 12.586609°E / 55.681208; 12.586609   الموظفون 200 (2019)[3]  الإ�...

 

نادي الشروق

نادي الشروق السعودي شعار نادي الشروق السعودي الألوان الأحمر والأبيض تأسس عام 1401 هـ الملعب الأحساء  السعودية البلد السعودية  الدوري دوري الدرجة الثالثة السعودي 2019-2020 2019-2020 الإدارة المالك وزارة الرياضة إبراهيم بن أحمد الدبل[1] الطقم الأساسي الطقم الاحتياطي تعديل م...

Bombardment of Fort Stevens

1942 engagement in the American Theatre of World War II Bombardment of Fort StevensPart of the American theater and the Pacific Theater of World War IIAmerican servicemen inspecting a shell crater after the Japanese attack on Fort Stevens.Date21 June 1942LocationFort Stevens, Oregon, Pacific OceanResult Indecisive Japanese retreat successfulBelligerents  United States  JapanCommanders and leaders unknown Akiji TagamiStrength Land:2 artillery pieces1 fortAir:1 aircraft 1 submarineCas...

 

Segara Anak

Artikel ini tidak memiliki referensi atau sumber tepercaya sehingga isinya tidak bisa dipastikan. Tolong bantu perbaiki artikel ini dengan menambahkan referensi yang layak. Tulisan tanpa sumber dapat dipertanyakan dan dihapus sewaktu-waktu.Cari sumber: Segara Anak – berita · surat kabar · buku · cendekiawan · JSTORSegara AnakLetakLombok, IndonesiaKoordinat8°25′00″S 116°28′00″E / 8.4166°S 116.4666°E / -8.4166; 116.466...