Eigen fonts in je epub

door

in

Alle e-Readers hebben ingebouwde lettertypes, maar soms wil je net even iets anders. Als je wilt leren hoe je speciale typografie eenvoudig toevoegt aan je ePUB boeken, is dit korte gidsje voor jou bedoeld.

We beginnen met een algemeen stuk dat voor alle e-readers hetzelfde is en aan het eind bespreek ik hoe je ook Apple kunt vertellen dat iBooks jouw ePUB vertoont zoals jij hem bedoeld hebt. Ik ga er vanuit dat je over de rechten van de fonts die je wilt gebruiken beschikt.

Je hebt nodig:

  • een ePUB bestand om het font in toe te voegen
  • WinRAR of een gelijksoortig programma om binnenin je ePUB bestanden te kunnen toevoegen en aanpassen
  • het font-bestand dat je wilt toevoegen
  • een html-editor, zoals Dreamweaver, Notepad++ of Sigil

Hieronder volgt het stappenplan

  1. Open je ePUB bestand en de map OEBPS en maak een folder aan met de naam "Fonts". Plaats hierin de font bestanden die je wilt gebruiken. Hierbij is het van belang om te weten welke varianten je boek gebruikt. Het is vrijwel altijd mooier om het cursieve en vette lettertype zelf toe te voegen dan om deze bewerking aan de e-Reader over te laten.
  2. Open het bestand content.opf. Voor ieder toegevoegd bestand moet je nu – onder de tag <manifest>  een extra regel toevoegen die lijkt op:

    • <item href="Fonts/myFont.ttf" id="myFont" media-type="application/x-font-ttf" />
    • verander de myFont.ttf in de naam van het eerste door jou toevoegde bestand en ga door met het toevoegen van extra regels
    • verander de application/x-font-ttf naar believen in het media type voor OpenType Fonts (font/opentype)
    • houd in de gaten dat alle ids uniek moeten zijn. Dus als je eerste  bestand id="myFont" heeft dan moeten de tweede, derde, twintigste anders heten. Bijvoorbeeld id="myFontBold".
  3. Save het bestand content.opf. Open het bestand dat eindigt op .css. Meestal is dat style.css of template.css of iets dergelijks. Sigil plaatst deze bestanden altijd in de folder die heet Style. Plaats je cursor helemaal bovenaan het bestand en voeg voor ieder toegevoegd bestand de volgende regel toe.

    • @font-face { font-family: myFont; font-style: normal; font-weight: normal; src:url("../Fonts/myFont.ttf");}
    • wijzig  myFont in de naam van het lettertype. Je kunt hier het beste de originele naam gebruiken omdat sommige e-Readers nogal kieskeurig zijn wanneer het de syntaxis betreft.
    • verwijs myFont.ttf naar het juiste bestand.
    • de tussenliggende verklaringen zijn optioneel. Het vette lettertype  myFontBold kun je vergezellen van de verklaring font-weight: bold; Het cursieve lettertje  myFontItalic kun je de verklaring font-style: italic; meegeven. Bij het standaard lettertype kun je beide verklaringen weglaten.
    • de tussenliggende verklaringen zijn niet-uitputtend. Lang niet alle e-Readers ondersteunen dit, maar in iBooks kun je bijvoorbeeld gebruikmaken van text-shadow en andere geinige foefjes. Je kunt hier zelf mee gaan stoeien, of hieromtrent advies inwinnen bij ePUB Pro.
  4. Roep het lettertype aan in je CSS. Voorbeelden:

    • p {font-family: myFont;}
    • p.bold {font-family: myFontBold;}
    • p.italic {font-family: myFontItalic;}
    • h1 {font-family: myFontBold; font-size: 1.8em;}
  5. Gebruik deze CSS classes in je html code. Bijvoorbeeld:

    • <p class="bold">Dit is erg belangrijk!</p>
    • <p class="italic">Dit zou een bijschrift kunnen zijn.</p>
    • <h1>Kijk naar deze aparte kop</h1>

Hoe krijg je Apple zover dat iBooks zijn standaard lettertype buiten beschouwing laat? Eenvoudig, maar je moet het even weten.

  1. Open je html editor en begin een nieuw bestand.
  2. Plak de volgende tekst erin:

    • <?xml version="1.0" encoding="UTF-8"?><display_options><platform name="*"><option name="specified-fonts">true</option></platform></display_options>
    • sla dit bestand op met de naam com.apple.ibooks.display-options.xml
    • Ga naar het top-niveau van je epub bestand en plak dit bestand in de map META-INF
  3. Klaar.

Reacties

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.