Svojstava i moguĆnosti varijabilnih fontova

Features and capabilities of variable fonts

Maja Rudolf, Nikolina Stanić Loknar, Tajana Koren Ivančević

Grafički fakultet Sveučilišta u Zagrebu

Sažetak

Varijabilni font je prema najnovijoj definiciji Opentype standarda jedna datoteka fonta koja u sebi sadrži sve rezove jedne familije pismovnog reza, za razliku od standardnih familija koje za svaki stil pismovnog reza koriste zasebne datoteke. Ta karakteristika ih dovodi u prednost pri korištenju na webu zbog činjenice da je jedna datoteka sa svim potrebnim stilovima (podebljano, ukošeno, obično i dr.) višestruko manja od klasičnih familija. Na taj način skraćuje se vrijeme učitavanja fonta, što omogućuje široku primjenu tipografije na različitim uređajima. U ovom radu istražuju se mogućnosti koje pružaju varijabilni fontovi u odnosu na tradicionalne; njihove prednosti i mane, te načini implementacije u klasične dizajnerske procese. Prototip varijabilnog fonta je testiran u responzivnom web okruženju, koristeći CSS tehnologiju. Primjena varijabilnih fontova otvara napredne mogućnosti dizajnerima prilikom njihove upotrebe u web okruženju.

Ključne riječi: varijabilni font, pismovni rez, web tehnologije, Opentype

 

Abstract

According to the newest version of Opentype standard, variable font is a single font file which contains all style versions of one typeface family, as opposed to standard font families that use different files for each style version. This characteristic is advantageous in web use, because of the fact that one file with all typeface styles (bold, italic, regular etc.) is significantly smaller in size than classic families with multiple files. The time needed for loading fonts is shorter which enables wide range of typographical use on various devices. This paper explores the possibilities that are available through variable fonts compared to traditional; their advantages and disadvantages and ways of implementation in classic design processes. Prototype of a variable font is tested in responsive web environment, using CSS technology. Applying variable fonts opens advanced possibilities to designers when designing for web.  

Keywords: variable font, typeface, web technology, Opentype