Amazon Guidelines

8 Media Queries
Publishing on Kindle: Guidelines for Publishers
The new Kindle Format 8 (KF8) includes greater support for Cascading Style Sheets (CSS). Currently,
Kindle Fire is the only KF8 compliant device, but Amazon will extend KF8 to current generation e Ink
devices and apps as soon as possible.
For devices without KF8 support, content creators may require more control over the Mobi 7 experience
than provided by the standard conversions supported by KindleGen. To address this need, Amazon has
implemented media queries as a way to apply the best CSS styles for each file format. This allows
complex CSS formatting to be used for KF8 and more basic formatting to be used for the Mobi format.
Media queries are part of the W3 standard. For more information, visit http://www.w3.org/TR/css3mediaqueries/
Support for two new media types enables content creators to use specific CSS based on the Mobi or KF8
file format: amzn-mobi and amzn-kf8.
• For KF8 CSS styles, use the media query @media amzn-kf8. This is only applied for the KF8
format.
• For Mobi CSS styles, use the media query @media amzn-mobi. This is only applied for the
Mobi format.
The @media screen and @media all styles continue to apply to both KF8 and Mobi. If the media type
is not amzn-mobi, amzn-kf8, screen, or all, Kindle ignores it.
8.1 Using Media Queries
The following table outlines examples of supported media queries and the CSS applied to KF8, Mobi, and
other readers:
Media Queries in CSS CSS Applied to KF8 CSS Applied to
Mobi
@media amzn-mobi
-
{
font-
.class1
size:3em;
{
font-weight:
font=size:3em;
font-weight: bold;
}
}
bold;
.class1
{
font-style: italic;
font-size:2em;
}
@media amzn-mobi
{
.class1
{
font-size:3em;
font-weight: bold;
}
}
font-style:
italic;
font-size: 2em;
font-style:
italic;
font-size:
3em;
font-weight:
bold;
CSS Applied to
Other Readers
-
font-style:
italic;
font-size:2em;
Kindle Publishing Guidelines Amazon.com 37