get rid of the
, serif.
Code:
@font-face {
font-family: "Literata";
font-weight: normal;
font-style: normal;
src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/literata-regular.otf);
}
@font-face {
font-family: "Literata";
font-weight: bold;
font-style: normal;
src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/literata-bold.otf);
}
@font-face {
font-family: "Literata";
font-weight: normal;
font-style: italic;
src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/literata-italic.otf);
}
@font-face {
font-family: "Literata";
font-weight: bold;
font-style: italic;
src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/literata-bold-italic.otf);
}
3) In my "body" style I use the added font:
Code:
body {
font-family: "Literata";
margin: 5px, 5px, 5px, 0
}
Oh and you don't need a margin for the bottom of the screen.