Fun with Formatting: Playing with Fonts and Images

First, I’m not a fan of embedding fonts in ebooks. It’s simple to do, but it’s a minefield. Not every device will support embedded fonts, some fonts have very restrictive conditions of use, others can cost big bucks for a license, and some are not complete (as in, you can get the regular font, but not italics or many of the special characters such as em dashes or acute or grave marks). Making everything behave, and doing so in legal compliance, is far more hassle than it’s worth. My opinion. And for those of you using Word to format your Kindle files, do not let Word lull you into thinking all is well because your formatted Word file looks good with your fancy fonts. It can turn into a royal mess–and let’s not get into how much bloat the file will contain!–and you can even break the ebook so the user cannot change fonts or margins. Your file will convert just fine if you stick to Times New Roman or Garamond. The conversion programs recognize those.

That said, it’s okay to mix things up a bit by taking advantage of the capabilities already built in to the ereading devices. (I’m going to focus on Kindles because I own Kindles, but most of this applies also to EPUB devices.)  Kindles offer a menu of font families in the user preferences. The Fire tablet offers four serif fonts (Caecilia, Georgia, Palatino, and Baskerville) and a sans serif font (Helvetica). Paperwhites have six fonts (serif, Caecilia, Caecilia Condensed, Baskerville, and Palatino; and sans serif, Futura and Helvetica). Even the older models offer readers a choice between serif and sans serif. You can mix them up.

White6In css styling, it’s easy as can be. Insert this line in your style declaration:

font-family: “Helvetica: , “Futura” , “sans serif” ;

What happens is this, the device will use Helvetica, if it has it, or Futura, if it has it, but if not, it will use whatever sans serif font it has available. This is a nice touch for chapter titles and, as in the example above, a sign, or a headline, or to set off such things as text messages or computer readouts. You can customize the look further by using all caps, small caps, increasing or decreasing the font size, bold and italics. Best of all, it will not bloat the file, cause legal problems or interfere with the user controls.

*          *          *

Let’s move on to images–a subject that reduces many formatters to gibbering cuss-buckets. I’ll leave such things as sizing, text wrapping, fixing images, etc. for another day. Let’s talk about the dreaded WHITE BOX. You know what I mean. You have a nice little glyph or scene break separator that adds a touch of oomph to your ebook and it looks beautiful on the Kindle screen.

White2White1

And then a user decides to read with a sepia background or in Night mode. And even though your image has a transparent background, this happens.

WHITE BOX.

I know of some users who prefer to use Night mode on their tablets. I, myself, will use Sepia when I’m reading long form at night when my eyes are tired. I barely notice the white boxes anymore, and I’m sure users of Night mode are pretty much the same way. It’s a quirk to get used to. As a formatter it drives me nuts. Especially since I own an ebook that has defeated the White Box problem, so I knew it could be done. I finally figured it out.

White4White5Kindles will render three types of image files: jpeg, gif and png. Each has their strengths and each has their weaknesses: namely image crispness and file size. The trick to defeating the white box is the gif image. In Paint.net, the program I use for making simple graphics, when I save a gif image there is an option to adjust the transparency. I set it at 255. What that does is, everything with a resolution less than “normal”, i.e. 255, is transparent. (I should be able to do this with png images, but I haven’t been able to. So, dear readers, if any of you have figured it out, let us know.)

You do need to be careful with gif images. If they are too big they will get a distorted, fuzzy look. Not every color renders well. You should use a simple palette. Don’t use percentages so they adjust to the screen size–that can go bad quickly. Instead declare the width. Solid black images can disappear in Night mode, but if you give your image a narrow stroke of 1-3 pixels in white or pale yellow, that will take care of that.

So there you go, two more ways to improve the look of your ebooks and make them stand out.


Examples are from:

BAD TIMES 3: AVENGING ANGELS, by Chuck Dixon
BOURBONS & BLONDES, by Anthony Venutolo