Tisknout vlastní fonty z webové stránky? S @font-face zatím ne

Když potřebujete tisknout jinými než systémovými fonty, máte problém. Včera jsme si o tom vyměnil pár tweetů s @hasmanm, @honzasladek a @atpok.

Krásně se sice nabízí čerstvá modla webových typografů, @font-face, ale zdá se, že pro tisk vlastních fontů má tahle technologie má nejlepší léta ještě před sebou.

Udělal jsem dneska komplexnejší test na OpenType.info demostránce. Vše na Windows XP:

• Firefox 3.5.5 — vlastní fonty tisknout nelze a asi ještě chvíli nepůjde (viz Martinův tweet) namísto fontu definovaného ve @font-face tiskne systémový
• Opera 10.01 — tiskne stejně hezky jako zobrazuje
• Safari 4.0.4 — na místě, kde mají být @font-face písma, netiskne vůbec nic!
• Chrome 3.0 — @font-face zatím vůbec neumí

Na této testovací stránce pak můžeme vyzkoušet jak jsou na tom v Redmondu:

• IE 7 + 8 — fonty vkládáné jejich technologií EOT tiskne krásně

Vidíme tedy, že mimo Operu a Internet Explorer jsou minimálně na Windows prohlížeče zatím neschopné tisknout jinými než v lokálním operačním systému instalovanými fonty.

Kdo máte možnost vyzkoušet prohlížeče na Macu, napište prosím do komentářů.

Legrace, že obecně se má za to, že s @font-face lze vlastními fonty tisknout krásně. Kromě nevyhlazování písem na systémech bez antialiasingu se zdá, že se jedná o druhý výrazný nedostatek téhle výborné ale zatím k masovému nasazení nezralé technologie.

Písmolijna Typotheque nabídne další způsob vkládání webových fontů

Po oznámení velmi nadějného Typekitu je tady další řešení, tentokrát od holandské písmolijny původně slovenského Petera Biľaka:

Typotheque … is working on a web font-embedding system which is based on W3C standards and provides a secure, reliable way to use fonts whose files are hosted on a global network of servers (cloud hosting).

Bude zřejmě využívat stávající podpory @font-face a on-the-fly konvertovat do EOT formátu pro MSIE:

Owners of Typotheque font licenses can create embeddable fonts via their Typotheque accounts. Simply enter the URL(s) where the font will be used and the languages to be supported, and our system instantly generates a short block of CSS code. Paste the code into your website, and you are ready to start using the font. You will not work with actual font files, but with the CSS code linking to the font files. For most browsers TTF subsets are used, for Internet Explorer, fonts are converted to EOT format on the fly.

Díky tomu dle vlastních slov bude podporovat 95 % prohlížečů.

Od písmolijny sympatický krok, který má však dvě úskalí

1. Využívat bude zřejmě jen jejich vlastní fonty (například Fedra), což komplikuje kombinace více fontů od více písmolijen.
2. Díky využití nativního @font-face zůstává problém s defaultním ne-vyhlazováním písma. Například ve Firefoxu nebo MSIE 6 na Windows XP příklady (1, 2) nevypadají nejlépe.