User`s guide

Publishing on Kindle: Guidelines for Publishers
• One CSS file;
• Different CSS files;
• Style tags; and
• @import.
8.4.1 Option 1: Using One CSS File.
Media queries can specify different CSS for Mobi and KF8 formats in the same CSS file. In the example
below, a different .class1 class is specified for the Mobi format than for the other formats in the same
CSS file.
Example:
.class1
{
font-style: italic;
font-size:2em;
}
@media amzn-mobi
{
.class1
{
font-size:3em;
font-weight: bold;
}
}
8.4.2 Option 2: Using Different CSS Files
Media queries can specify different CSS for Mobi and KF8 formats in different CSS files. In the example
below, the Mobi and KF8 formats utilize different CSS style sheets and the common CSS styles apply to
all media.
Example:
<link href="common.css" rel="stylesheet" type="text/css">
<link href="kf8.css" media="amzn-kf8" rel="stylesheet" type="text/css">
<link href="mobi.css" media="amzn-mobi" rel="stylesheet" type="text/css">
8.4.3 Option 3: Using Style tags
Media queries can specify different CSS for Mobi and KF8 formats directly using <style> tags.
Example:
<style type="text/css">
<style type="text/css" media="amzn-kf8">
<style type="text/css" media="amzn-mobi">
Kindle Publishing Guidelines Amazon.com 70