View Single Post
Old 05-22-2010, 02:05 PM   #6
jswinden
Nameless Being
 
Quote:
Originally Posted by MSJim View Post
.calibre {
display: block;
font-family: "Georgia", serif;
font-size: 1em;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
page-break-before: always
}
.calibre1 {
font-family: Georgia
}
.calibre2 {
font-family: Arial
}
When a font-family value is used to refer to a font-family defined within a @font-face { } statement, then the value is NOT a font name but a font-family name. Therefore the font-family name should be in double quotations. In other words, font-family: Georgia is interpreted by the CSS as meaning the Georgia font and will have no effect on the text due to the limitations of Sony's ePub engine (ADE), whereas font-family: "Georgia" is interpreted by the CSS as a name assigned to a font family via an @font-face { } statement.

CSS files are read and interpreted in sequential order from beginning to end. In other words, you must first define something in CSS before you can refer to it. So @font-face { } needs to precede (be defined prior to) any subsequent references to it.

Last edited by jswinden; 05-22-2010 at 02:57 PM.
  Reply With Quote