@media amzn-kf8 and @font-face

[phossler]

According to --

http://www.bergsland.org/2012/10/ann...blishing-wins/

It should be okay for EPUB. For the KF8, the @font-face rule need to be inside the Amazon KF8 query, like this:

@media amzn-kf8{

/*== @font-face rules can go below here, but above the closing brace ==*/

}

So to get my embedded fonts to display on the Kindle, I have a Style sheet

@media amzn-kf8{

@font-face {
    font-family: 'AmeriGarmnd BT';
    font-weight: normal;
    font-style: normal;
    src: url('../Fonts/AmeriGarmnd BT Roman.ttf');
}

@font-face {
    font-family: 'AmeriGarmnd BT';
    font-weight: bold;
    font-style: normal;
    src: url('../Fonts/AmeriGarmnd BT Bold.ttf');
}

@font-face {
    font-family: 'AmeriGarmnd BT';
    font-weight: normal;
    font-style: italic;
    src: url('../Fonts/AmeriGarmnd BT Italic.ttf');
}

@font-face {
    font-family: 'AmeriGarmnd BT';
    font-weight: bold;
    font-style: italic;
    src: url('../Fonts/AmeriGarmnd BT Bold Italic.ttf');
}

}

It seems to display correctly on the Touch, but .... the new Calibre epub editor displays an error saying "@font-face cannot be in @media and will be ignored"

Searching seems to indicate that you cannot have @font-face inside a @media, but it does seem to work

Question -- Is the Calibre error message wrong, or am I, or is there a better way to handle embedded fonts?

I didn't know there was a @media 'thing' until a few days ago

Paul

[kovidgoyal]

As per the CSS spec you do not put @font-face inside @media, which is why calibre warns you about it.

As far as I know, there is no need to put them inside @media for azw3, just use them the same as you would in epub, they will work.

[phossler]

Thank you

1. Your answer helped me to find a CSS mistake in a related style sheet.

2. The more robust debug (compared to Sigil) also points out an issue with the 4 variations of the embedded font (R, B, BI, and I) not having the same family name, but each has a unique family name (FONTNAME, FONTNAME-BOLD, FONTNAME-ITALIC", etc.)

I have some more work to do

Thanks again

Paul