Getting a Font Size less than 1 em

[pypo]

Hi,

I'm using ePub format. I want to apply a font size of 0.8 em to a class. But the computed final style doesn't change. It only changes (gets bigger) when I make the font larger than 1 em, but never changes with I make it smaller than 1 em.

Right now the font computed final style is 22 px. I don't know where the 22 comes from either, since it is not in the stylesheet.

Thanks,

[gbm]

Originally Posted by pypo

Hi,

I'm using ePub format. I want to apply a font size of 0.8 em to a class. But the computed final style doesn't change. It only changes (gets bigger) when I make the font larger than 1 em, but never changes with I make it smaller than 1 em.

Right now the font computed final style is 22 px. I don't know where the 22 comes from either, since it is not in the stylesheet.

Thanks,

Go to this page for a conversation chart.

Spoiler:

This will give you a base font of 1em with different size fonts for each element. calibre is the body css.

This will give you a base font of 1em with different size fonts for each element.  calibre is the body css.
.calibre6 {
    display: block;
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 3pt;
    margin-right: 3pt;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: justify
    }
.calibre7 {
    height: auto;
    width: auto
    }
.calibre8 {
    display: block
    }
.calibre9 {
    font-weight: bold;
    line-height: 1.2
    }
.p {
    display: block;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 135px;
    text-align: center;
    text-indent: 0
    }
.p1 {
    display: block;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-indent: 0
    }
.p10 {
    display: block;
    font-size: 0.83333em;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 0
    }
.p11 {
    display: block;
    font-size: 0.83333em;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 8px
    }

bernie

[JSWolf]

It would help if you posted your CSS and some of your XML so we can see what's going on.

[Divingduck]

Check for .8em or 0.8em w/o space between number and unit of measurement (don't forget ; at the end of line).

[pypo]

Pretty sure this has nothing to do with the CSS. For some reason the computed final style is 22. There is nothing in the stylesheet that would compute to 22. The template is a Calibre template not something I created. Somewhere the 22 is being set as equal to 1em. I can increase the size of the font anywhere in the CSS but cannot decrease it. That's why I think it may be a bug. Also, I don't find anywhere in the documentation which says where the default font size is set (to 22 in my case).

[kovidgoyal]

http://manual.calibre-ebook.com/conv...size-rescaling

[pypo]

Thank you. I fixed issue this by going to:

Edit Book > Preferences > Preview Settings > Minimum Font Size