Remove Font-Family but keep Serif/serifless

[FelixKrull]

Hi there,

I am trying to solve the following problem:

When I convert my epubs I normally remove the propery "font-family" as I want all my books displayed without the publisher's fonts.

This is especially helpful when I use Google Books Online Reader, because often book fonts are too small or not to my taste. When removing font-family I can read all my books with Georgia or Verdana font online.

But there are some Ebooks which use both serif and serifless fonts, for example serifless for headlines and serif for text body. This information gets lost when I remove font-family.

Is there a way in Calibre to remove the font-family, but keep both serif and serifless fonts?

Thanks
FK

[kovidgoyal]

Use the style rules, they allow you to match on property values. Transform styles in the edit book tool or if you aredoing a conversion under the look & feel section ofthe conversion dialog.

[FelixKrull]

Thanks for your info.

Could you give me an example as I don't really know what to do here?

I made a little doc file with two words, one serif and one serifless and converted it without removing font-family.

The generated stylesheet.css looks like this:

.block_ {
    display: block;
    padding: 0;
    margin: 0 0 8pt
    }
.calibre {
    color: black;
    display: block;
    font-family: serif;
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
    margin: 0 5pt
    }
.text_ {
    font-family: "Times New Roman", serif
    }
.text_1 {
    font-family: "Verdana", sans-serif
    }

I am not sure what to do next if I want to remove those fonts, but keep the serif/sans-serif info.

Do I have to use "additional css" or "change styles.."?

Thanks.

[kovidgoyal]

Create a rule in transform styles

if the property font-family matches-pattern: sans-serif then change the value to sans-serif

[FelixKrull]

Thanks again for your help.

"if the property font-family matches-pattern: sans-serif then change the value to sans-serif"

Does this make sense? If it is sans-serif then change to the same?

.text_ {
    font-family: "Times New Roman", serif
    }

How can I achieve that always "Georgia" is used for serif, no matter what font-family is coded in the style sheet?

Removing font family, and then re-inserting it?

I still have to figure it out, have some experimenting to do...