Extra CSS
I'm trying to use the "Extra CSS" field under Preferences/Conversion to link external fonts on my Nook. It works - sometimes.
The content of the "Extra CSS" field:
****
@font-face {
font-style: italic;
font-family: 'LiberationSerif', serif, sans-serif;
font-weight: normal;
src: url(res:///system/media/sdcard/myfonts/LiberationSerif-Italic.ttf);
}
@font-face {
font-style: normal;
font-family: 'LiberationSerif', serif, sans-serif;
font-weight: normal;
src: url(res:///system/media/sdcard/myfonts/LiberationSerif-Regular.ttf);
}
@font-face {
font-style: italic;
font-family: 'LiberationSerif', serif, sans-serif;
font-weight: bold;
src: url(res:///system/media/sdcard/myfonts/LiberationSerif-BoldItalic.ttf);
}
@font-face {
font-style: normal;
font-family: 'LiberationSerif', serif, sans-serif;
font-weight: bold;
src: url(res:///system/media/sdcard/myfonts/LiberationSerif-Bold.ttf);
}
body {
margin-right: 8pt;
font-family: 'LiberationSerif', serif;
}
p.p {
margin: 0px;
text-indent: 1.5em;
text-align: justify;
}
p.subtitle {
font-style: italic;
page-break-after: avoid;
page-break-inside: avoid;
font-weight: bold;
text-indent: 0px;
margin: 0.5em 2em;
text-align: center;
}
strong {
}
em {
}
a {
vertical-align: super;
line-height: 0.1;
font-size: 0.7em;
}
****
I've attached a zip containing 3 examples.
1. example (TechNet):
It works fine, it's the only example where the
src: url(res:///system/media/sdcard/myfonts/LiberationSerif-Italic.ttf)
line appears in the content xhtml files.
2. example (SG.hu)
It has @font-face CSS in the content xhtml. but no src to the font resource.
2. example (Bela...)
It does not even have @font-face CSS in the xhtml.
I'm confused. I run all of these 3 conversions with the same Extra CSS config, the input and output formats are the same also, but still the extra CSS appears / partly appears or does not appear in the epub xhtml file.
I'd appreciate to get help.
|