Web-Fonts
Fonts in Focus 7
26
Winter 2010 / 2011
Tschüss, Verdana! (Fast) alles über Webfonts Wie schätzen Sie Ihren Wissensstand zu Webfonts ein? – Deutschland Sehr gut Deutschsprachige Umfrage
1% Sehr gut 14% Gut 30% Neutral 31% Weniger gut 24% Schlecht
01 German
Bye, Verdana! (Almost) Everything about Web Fonts According to a Linotype survey from August 2010, only ten to 15 percent of interviewees feel safe when it comes to web-fonts. That is why Fonts in Focus has summarised the most important details to help assist you as you enter the new world of font choices. In 1998, when Google was born, about eight million1 Germans were online. Ten years later, that number had reached 62 million. Google is now worth more than IBM on the stock exchange, and the com pany has long offered more than just a mere search engine – a search engine for a number of websites so high, it probably exceeds most people’s numerical imagination. Yet the number of web-safe fonts – fonts that are pre-installed with almost every operating system, and can thus be reliably displayed in about 99 percent of all browsers – can be counted on one or two hands. These fonts, such as Arial or Verdana, were long accessed directly via HTML; later, they would also be specified with cascading style sheets (CSS). If you wanted to use a different font, you had the following options: Use the font and hope it is installed on enough computers, or embed the text
Einer von Linotype im August gestarteten Umfrage zufolge fühlen sich nur zehn bis 15 Prozent der Befragten beim Thema Webfonts sicher. Deshalb hat »Fonts in Focus« das Wichtigste für Sie zusammen gefasst, um Sie in die neue Welt der online nutzbaren Schriften zu begleiten. Wir schreiben das Jahr 1998. Google wird geboren und in Deutschland nutzen acht Millionen1 Menschen das Internet. Zehn Jahre später sind es rund 62 Millionen. Google ist an der Börse bereits mehr wert als IBM und längst darüber hinaus, eine reine Suchmaschine zu sein – eine Suchmaschine für eine Anzahl an Webseiten, die das numerische Vorstellungsvermögen der meisten Menschen wahrscheinlich übersteigt. Doch die Menge an websicheren Fonts, an Schriftarten, die auf fast allen Betriebssystemen vorinstalliert sind und deshalb zuverlässig in 99 Prozent aller Browser angezeigt werden, kann ein Kind an ein bis zwei Händen abzählen. Diese Schriftarten, z.B. Arial oder Verdana, wurden lange Zeit direkt in HTML, später dann über mitgelieferte oder eingebettete Cascading-StyleSheets (CSS) definiert. Wollte man einen anderen Font benutzen, blieben folgende Möglichkeiten: Die Schrift verwenden und hoffen, dass sie auf vielen Rechnern installiert ist oder sie in ein Bild bzw. in Flash einbinden: Der erste Fall gleicht russischem Roulette mit fünf Kugeln. Der Zweite macht
into an image, or Flash. The first option is like playing Russian roulette with five bullets in the chamber. The second option packs content in a way that is illegible for search engines and persons with certain disabili ties. This is now history! Web-fonts grew up in 2010. The new Web Font Awards, from a competition spon sored by Monotype Imaging, is about to be presented to online typographic masterpieces for the first time. Using web fonts in theory … But let’s take a step back and have a look at the principle: The term “web-fonts” generally denotes files loaded from the web server and displayed in the browser. Browsers like Firefox no longer access the font from the user’s operating system, but rather follow an instruction in the website’s source code that loads the font from an external server. Apart from conventional OpenType or TrueType fonts, new container formats also exists for fonts: Using special software such as ‘sfnt2woff’, the abovementioned font resources can be embedded in the Web Open Font Format (WOFF) developed the previous year, and compressed. Compression enables quicker loading times. Additional information on the licensee, type designer, etc. can be saved in the WOFF meta data. The purpose of this exercise is to provide web fonts quickly and in a non-browser-dependent manner. However, it will still be some time before it is ready – the most common browsers will only offer
FIG. — 01–02 Linotype survey in German and English — 03 CSS-Declaration “@font-face” integrates fonts into websites —