Fontok beágyazása epub fájlokba – kicsit részletesebben
Amire szükség lesz:
- Sigil, az epub-szerkesztő program: http://code.google.com/p/sigil/downloads/list
- Beágyazandó fontok, például a Liberation betűkészlet: https://fedorahosted.org/liberation-fonts/
A fontok tar.gz-ben érkeznek, ami például a 7-Zippel kicsomagolható. A kitömörített könyvtárból a következő fájlokra lesz szükség:
- LiberationSerif-BoldItalic.ttf
- LiberationSerif-Bold.ttf
- LiberationSerif-Italic.ttf
- LiberationSerif-Regular.ttf
Ízlés szerint persze lehet más fontokat is használni. A Linux Libertine fonttal a Sony PRS-650 esetében nem volt szerencsém, az eszköz nem kezelte megfelelően, néha kimaradtak bekezdések a könyvekből. A font lecserélése megoldotta a problémát. A Liberation fonttal még nem volt problémám, a Sony jól kezeli őket.
A Sigil telepítése után nyissuk meg az epub fájlt a File menü Open menüpontjával. A megnyitott fájl Book Browser ablakában a Fonts mappára kattintva jobbklikk, Add Existsing Items. Keressük meg a fenti négy ttf fájl, és adjuk hozzá a listához.
Ezután szintén Book Browser ablak, jobbklikk a Styles könyvtáron, Add New Item. Ha jól csináltuk, akkor létrejön egy Style0001.css nevű fájl. Duplaklikk a fájlnévre, majd másoljuk be az előző bejegyzésben is szereplő CSS tartalmat:
@font-face {
font-family: "LiberationSerif";
font-style: normal;
font-weight: normal;
src:url(../Fonts/LiberationSerif-Regular.ttf)
}
@font-face {
font-family: "LiberationSerif";
font-style: italic;
font-weight: normal;
src:url(../Fonts/LiberationSerif-Italic.ttf)
}
@font-face {
font-family: "LiberationSerif";
font-style: normal;
font-weight: bold;
src:url(../Fonts/LiberationSerif-Bold.ttf)
}
@font-face {
font-family: "LiberationSerif";
font-style: italic;
font-weight: bold;
src:url(../Fonts/LiberationSerif-BoldItalic.ttf)
}
body {
font-family: "LiberationSerif"
}
A CSS-ben az src:url kezdetű sorokban lévő fájlnévnek egyeznie kell a fenti listában szereplő fájlnevekkel. Ez alapesetben így van, ha mégsem működne valami, akkor ezt mindenképp ellenőrizzük, illetve ha más fontot használnánk, akkor figyeljünk rá.
Ha ezzel megvagyunk, akkor a Book Browser ablakban nyissuk meg az xhtml fájlokat, majd váltsunk át Code View-ra (View menü / Code View menüpont, vagy F11). A fájlok elején, a <head> és </head> közé helyezzük el a következő tag-et:
<link href="../Styles/Style0001.css" rel="stylesheet" type="text/css" />
Például:
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Liberation Serif Font Test</title> <link href="../Styles/Style0001.css" rel="stylesheet" type="text/css" /> </head> <body> <p>GYÜMÖLCSVÉDŐ ÁGYÚFŰNYÍRÓ</p> <p>Gyümölcsvédő ágyúfűnyíró</p> </body> </html>
A <head></head> között meglévő tartalom maradjon meg, azt ne töröljük.
Fontos, hogy beszúrt tag-ben a href után lévő fájlnévnek egyeznie kell a korábban létrehozott CSS nevével (Style0001.css), valamint a fenti link tag-nek minden xhtml fájlban szerepelnie kell.
Ha kész, akkor a Tools menü Validate Epub menüvel ellenőrizhető, hogy az eredmény megfelel-e az epub szabványnak. Jó tudni, hogy a validátor (jelenleg) sajnos nem ellenőrzi a CSS-ben lévő hivatkozásokat. Az ellenőrzést érdemes a módosítások megkezdése előtt is, hogy a forrásban lévő hibákkal ne itt találkozzunk először.
Végül innen letölthető egy mintaepub, ami tartalmazza a fentieket. Kérdés nyugodtan jöhet kommentben vagy e-mailben.
Hozzászólások
köszi
Köszönöm. A leírások szerint meg tudtam csinálni egy beágyazást.