Quote:
Originally Posted by sgirsberger
span.italic {
font-style: italic;
font-weight: normal;
font-variant: normal;
}
span.oblique {
font-style: oblique;
font-weight: normal;
font-variant: normal;
}
span.regular {
font-style: normal;
font-weight: normal;
font-variant: normal;
}
span.bold {
font-style: normal;
font-weight: bold;
font-variant: normal;
}
span.bold-italic {
font-style: italic;
font-weight: bold;
font-variant: normal;
}
span.bold-oblique {
font-style: oblique;
font-weight: bold;
font-variant: normal;
}
|
Agh! That's ugly CSS code. You could just have, if anything:
span.italic {
font-style: italic;
}
span.oblique {
font-style: oblique;
}
span.bold {
font-weight: bold;
}
the properties not defined will be inherited from the container, and you can use more than one class (<span class="italic bold">) if needed.
In any case, note that the ePub spec says:
"Reading Systems need not distinguish
italic and
oblique from each other."
What happens if you just use italic (or <em>) in that code? As I said, the italic sans-serif, if it exists, is what I think you want.