View Single Post
Old 07-18-2009, 10:50 PM   #1
Dahak
Zealot
Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.Dahak ought to be getting tired of karma fortunes by now.
 
Dahak's Avatar
 
Posts: 125
Karma: 1031580
Join Date: Nov 2008
Device: Kindle Paperwhite, Sony PRS-505(LC) & Rocket eBook
LRF with aligned HTML tags

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
Dahak is offline   Reply With Quote