2010
05.22

over in the ‘fic’ section, I’m experimenting with the stylesheet I use to format the stories. This is part of the effort to turn all of the finished fics into ePub formatted ebooks.

I’m using the following method:

  1. Download the story from TtH in ePub format (saves me a few minutes in creating the ePub file) (So only finished stories/chapters)
  2. Make changes to the story txt (I don’t really have to, iBooks (on my iPad) seems to deal with the straight conversion okay. But I want it to look “better”. — Basically, replace the body of the story chapters with the formatted version here. Not instant since I have to make it all XHTML compliant (and it isn’t right now.)

I’m using Sigil for this. It lets you actually edit an epub file without having to ‘take it apart’ to get to things (an epub file is a zip file with contents in a specific format/organization.). It isn’t perfect but for a beta it does very well (and is available on Windows, OS X, and Linux)

  1. Hmm, did this new style sheet cause the fonts on the fanfiction page and on the fanfiction-updates page to get really big? I feel like I need to shove my chair back from the computer just so I can read them. My normal resolution is 1920/1200 on the 24 inch flat wide screen Dell monitor and the home page looks just fine but the other two, not exactly what I’m used to, as in huge fonts. Note that it’s only the bottom right portion (the majority of the screen), not the headers on top or the left side. Looking at the page source I see that the fonts are +2 but I’m not sure that they are for the entire page or for the bottom right section. For me with my very small screen resolution it looks perfectly huge, did you mean to do this?

    Dave

    • Not exactly. %-). I was setting font size as a pixel value (12px) that made them slightly smaller than normal (Normal is supposedly 16px). Which made them hard to read on some devices. Now I’m doing it as a percentage so they now appear larger in some places.

      Here’s an explanation of the different ways to set font sizes in CSS/HTML:

      http://www.kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

      Hopefully I’ll get it all straightened out in the next couple of days. Or set back to what it was before until I can fix it permanently…

      • All right, to me, at least, this looks much better (of course YMMV). That was an interesting site, I now know lots more about font sizes than I did, thanks.

        Dave