why font-size is not use in kindle

[chengyibo]

hello,dear friends,why the fllow display the same in kindle?
css:font-size:0.5em
font-size:1em

Best Regards,

[Jellby]

Because the mobipocket format does not understand CSS at all?

[chengyibo]

could you give me the way to slove this

[Jellby]

Use something like this:

This font is normal <font size="+1">this is larger</font>, and <font size="-1">this is smaller</font>.

[chengyibo]

thank you very much,Can I make friends for you?

[DMSmillie]

The MOBI format and the Kindle do recognise some CSS. It's just kind of patchy. I just tested em values for the CSS font-size property, and they seemed to work properly - when I used 1em I got the same size as the default text, and when I used 0.5em the text was substantially smaller.
(See attached screen shot.)


- Donna

[Jellby]

Originally Posted by DMSmillie

The MOBI format and the Kindle do recognise some CSS.

It's probably not the MOBI format or Kindle, but the program you use to convert the initial HTML+CSS into MOBI. What the MOBI format actually supports is <font size="-1"> (relative) or <font size="3"> (absolute).

[Hitch]

Originally Posted by DMSmillie

The MOBI format and the Kindle do recognise some CSS. It's just kind of patchy. I just tested em values for the CSS font-size property, and they seemed to work properly - when I used 1em I got the same size as the default text, and when I used 0.5em the text was substantially smaller.
(See attached screen shot.)


- Donna

Ditto. (Hi, Donna!--Hitch waves...nice to see you on a civilized forum! Kids, Donna knows her Fu).

I've had good luck with using ems, and it translates nicely across multiple platforms, since I make all my books from ePUBs first with both "normal" css and an ADE xpgt template for fun. (har).

HTH,

Hitch

[DMSmillie]

(Hi Hitch! )

Heh... thank you kindly for those nice words, Hitch, but last few days I've been finding out more stuff I didn't know. There's always more, isn't there?

When I've been able to, I've been poking around with mobiunpack.py and a few other things, and Jellby is quite right - all of the CSS in the HTML used to create a mobi file gets turned into basic and/or proprietary HTML inside the mobi file by Kindlegen.

For example:

<p style="text-indent:0.3in">Paragraph with first line indent 0.3in.</p>
<p style="text-indent:5em">Paragraph with first line indent 5em.</p>
<p style="font-size:0.5em">Paragraph with font size 0.5em.</p>
<p style="font-size:16pt">Paragraph with font size 16pt.</p>
<p style="margin-left:0.5in;margin-top:12pt;margin-bottom:12pt">Paragraph with left margin 0.5in, and 12pt space before and after.</p>
<p style="margin-left:20%;margin-top:3em;margin-bottom:20px">Paragraph with left margin 20%, 3em space before and 20px space after.</p>

becomes:

<p width="29">Paragraph with first line indent 0.3in.</p> 
<p width="5em">Paragraph with first line indent 5em.</p> 
<p><font size="-3">Paragraph with font size 0.5em.</font></p> 
<p><font size="5">Paragraph with font size 16pt.</font></p> 
<p height="16"><blockquote>Paragraph with left margin 0.5in, and 12pt space before and after.</blockquote></p>
<div height="16"></div> 
<p height="3em"><blockquote>Paragraph with left margin 20%, 3em space before and 20px space after.</blockquote></p>
<div height="20"></div>

Seems like a major rewrite of the MOBI format will be needed for it to accommodate CSS properly. On the up side, it makes it a lot easier to figure out what CSS (in the input file) will work - if you can figure a way of doing essentially the same thing in HTML 3.2 (plus the proprietary use of "height" and "width" attributes in the <p> tag, and the proprietary <mbpagebreak/> tag), then it'll probably work. If there's no way of doing it with HTML 3.2, it probably won't. grrrrrrr!

- Donna

[susan_cassidy]

The HTML tags that are supported are documented on the Mobipocket site: http://www.mobipocket.com/dev/articl...eFolder=prcgen