Quote:
Originally Posted by AIR-WIZZ
Oops, I found a quote problem that I fixed and tryed some recommendations from this post post still, no italic...
Any ideas?
@font-face {
font-family: "Book Antiqua";
font-weight: normal;
font-style: normal;
src: url("../Fonts/BKANT.TTF");
}
@font-face {
font-family: "Book Antiqua_bold";
font-weight: bold;
font-style: normal;
src: url("../Fonts/ANTQUAB.TTF");
}
@font-face {
font-family: "Book Antiqua_italic";
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;
background: #FFFF99;
}
.italics {
font-family: "Book Antiqua_italic";
font-style: italic;
}
|
You have two choices:
1. To use:
Code:
@font-face {
font-family: "Book Antiqua";
font-weight: normal;
font-style: normal;
src: url("../Fonts/BKANT.TTF");
}
@font-face {
font-family: "Book Antiqua"; /* As you can see, I use the same family name as above */
font-weight: bold;
font-style: normal;
src: url("../Fonts/ANTQUAB.TTF");
}
@font-face {
font-family: "Book Antiqua"; /* the same as above */
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;
font-weight: normal; /* new properties */
font-style: normal;
}
.italics {
font-family: "Book Antiqua";
font-style: italic;
}
2. Or to use:
Code:
@font-face {
font-family: "Book Antiqua";
font-weight: normal;
font-style: normal;
src: url("../Fonts/BKANT.TTF");
}
@font-face {
font-family: "Book Antiqua_bold";
font-weight: bold;
font-style: normal;
src: url("../Fonts/ANTQUAB.TTF");
}
@font-face {
font-family: "Book Antiqua_italic";
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;
background: #FFFF99;
}
.italics {
font-family: "Book Antiqua_italic";
font-style: italic; /* you must supress this definition when use a different font-family names for different font-styles */
}
Both method should work.
Regards
Rubén