Montag, 15. April 2013

Font-Einbettung und eText-Fonts

Eine der wirklich attraktiven Möglichkeiten zur Gestaltung von E-Books besteht in der Einbettung eigener Webfonts und damit zur Erstellung einer eigenen Verlags-Typografie für E-Book-Reihen. Schon mit ePub 2.0.1 unterstützten dies viele Reader, mit EPUB 3 ist Font-Einbettung offiziell zum Teil des Standards geworden und wird mittlerweile auch von den allermeisten Lesegeräten unterstützt. Leider wird diese Möglichkeit noch wenig genützt - dabei ist Font-Einbettung technisch relativ einfach zu realisieren.

Einbindung von Webfonts in EPUB

Will man Webfonts für die Gestaltung einsetzen, benötigt man Schriftarten in den Standards OTF und/oder WOFF. OTF ist dabei der verbreitetere Standard; die im Webdesign auch gängigen Formate EOT, TTF und SVG spielen im E-Book-Bereich keine Rolle. Neben der Integration der .otf- und .woff-Dateien in den EPUB-ZIP-Container müssen diese natürlich korrekt in der <manifest>-Sektion der content.opf deklariert werden. Die dazu notwendigen Media-Types lauten:

OTF: application/vnd.ms-opentype
WOFF: application/font-woff

Beispiel für die Einbindung:

<manifest>(...)        
   <item id="AverageSans-Regular.otf" href="Fonts/AverageSans-Regular.otf" media-type="application/vnd.ms-opentype"/>
   <item id="AverageSans-Regular.woff" href="Fonts/AverageSans-Regular.woff" media-type="application/font-woff"/>
   <item id="Sanchez-Regular.otf" href="Fonts/Sanchez-Regular.otf" media-type="application/vnd.ms-opentype"/>
   <item id="Sanchez-Regular.woff" href="Fonts/Sanchez-Regular.woff" media-type="application/font-woff"/>
(...)</manifest>

Sind die Fonts korrekt im EPUB eingebunden, erfolgt die Einbindung ins CSS danach über die @face-face-Regel von CSS 3:

@font-face {
    font-family: "Average";
    src: url("AverageSans-Regular.otf"),
    url("AverageSans-Regular.woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sanchez";
    src: url("Sanchez-Regular.otf"),
    url("Sanchez-Regular.woff");
    font-weight: normal;
    font-style: normal;
}


Der Dateiname in font-family kann dabei frei vergeben werden. Nach der Deklaration der Font-Familie kann der vergebene Name im CSS so wie jede andere Standard-Schriftart verwendet werden:

body {   
    font-family: Average, Arial, sans-serif;
    padding-left: 0.5em; padding-right: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Sanchez, Arial, sans-serif;
}

Wie immer ist die Definition eines geeigneten Font-Fallback dabei immer zu empfehlen.

Unterstützung von Webfonts in EPUB

Webfonts werden nach aktuellem Stand von folgenden Plattformen unterstützt:

Adobe Digital Editions: Ja
Adobe RMSDK: z.T. (je nach eingesetzter Version)
Google Play Books: Ja
Readium: Ja
Kindle eInk Reader: Nein
Kindle Fire: Ja
Kindle App für PC: Ja
Kindle App für iOS: Nein
Apple iBooks: Ja

eText-Fonts

Die Möglichkeit zum Verwenden von Fonts stellt den E-Book-Produktioner aber natürlich immer noch vor die Frage, welche Schriftarten sich für die Darstellung auf E-Readern, Smartphones und Tablets eignen. Die Gestaltung soll ja die Lesbarkeit des Textes unterstützen, und gerade E-Ink-Displays stellen hier besondere Anforderungen. Amazon hat beispielsweise anfangs auch deswegen nur eigene Fonts auf seinen Kindle-Readern verfügbar gemacht, da diese für die Darstellung auf dem E-Ink-Display optimiert waren. Aktuell hat sich Linotype dieses Problems angenommen und bietet neu eine ganze Reihe von Schriftarten an, die in ihrer Feintypografie auf kleine Displays und E-Reader optimiert sind - die eText Fonts. Neben den frei verfügbaren Webfonts, z.B. aus dem Google Webfont Project, können die Linotype-Fonts eine zwar lizenzpflichtige, aber sinnvolle Alternative für hochwertige E-Book-Gestaltung sein.