I'm still experimenting with the right combination of styling to get my LRF conversions looking the way I want them to come out for my new 505.
I've been using Calibre and its CSS override to try to force the tags to render my way with some odd results.
Here's the CSS override I use:
Code:
@font-face {font-family: "Trebuchet";font-weight: normal;font-style: normal;src: url(res:///Data/fonts/trebuc.ttf);}
@font-face {font-family: "Trebuchet";font-weight: bold;font-style: normal;src: url(res:///Data/fonts/trebucbd.ttf);}
@font-face {font-family: "Trebuchet";font-weight: bold;font-style: italic;src: url(res:///Data/fonts/trebucbi.ttf);}
@font-face {font-family: "Trebuchet";font-weight: normal;font-style: italic;src: url(res:///Data/fonts/trebucit.ttf);}
body, p, div, h1, h2, h3, h4, a, center, blockquote {
font-family: "Trebuchet", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
line-height: 0.9em;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 2px;
margin-left: 2px;
}
b, strong {
font-family: "Trebuchet", sans-serif;
font-weight: bold;
font-style: normal;
font-size: 10px;
line-height: 0.9em;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 2px;
margin-left: 2px;
}
i, em {
font-family: "Trebuchet", sans-serif;
font-weight: normal;
font-style: italic;
font-size: 10px;
line-height: 0.9em;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 2px;
margin-left: 2px;
}
This is all a 'work-in-progress' so I hope you can forgive the font-face tags I included from my ePub experiments.
The most odd thing I've encountered is that whenever I have a header tag with the align attribute set, I get weird results.
For example, the tags:
Code:
<h2 align=center>
Chapter 1<br>
Going Up<br><br>
</h2>
would render something like (hoping I set this right):
Chapter 1
Going Up
Centered, with almost default-sized initials and tiny, tiny word-bodies.
Has anyone seen this before?
Am I imagining it?
Is there a work-around?
Is there a work-around that doesn't involve my re-writing the source files?
Thanks.
-Joe