Quote:
Originally Posted by AIR-WIZZ
My first time working with embedding fonts but I've already made 4 successful ePubs for clients.
@font-face {
font-family: "Book Antiqua";
font-weight: normal;
font-style: normal;
src: url('../Fonts/BKANT.TTF');
}
@font-face {
font-family: "Book Antiqua";
font-weight: bold;
font-style: normal;
src: url('../Fonts/ANTQUAB.TTF');
}
@font-face {
font-family: "Book Antiqua";
font-weight: normal;
font-style: italic;
src: url('../Fonts/ANTQUAI.TTF');
}
@font-face {
font-family: "Courier New";
font-weight: normal;
font-style: normal;
src: url('../Fonts/cour.ttf');
}
body {
font-family: "Book Antiqua", serif;
margin: 1em 1em 1em 1em;
background: #FFFF99;
}
.italics {
font-family: "Book Antiqua";
font-style: italic;
}
My problem is italics, bold, etc don't respond. I use classes in spans to implement italics, bold, etc. but <i></i> doesn't allow italics either.
E.G: ...<span class="italics">The Seth Material</span>...
All the text is standard.
Any ideas?
|
You forgot to assign the font-family to the class italics