Hi Forum,
I Want to use the font family Garamond (included on Mac).
The webfont is a backup for those who don’t have Garamond on the system (the mac default version).
So I converted and uploaded the files.
garamond.woff
garamond-italic.woff
garamond-bold.woff
PROBLEM: faux italics, faux bold
I want Garamond to act as a font-family with specific character sets for italic and bold.
I found this article that proposes a fix:
http://www.metaltoad.com/blog/how-use-font-face-avoid-faux-italic-and-bold-browser-styles
And here is my CSS
- {
font-family: ‘Garamond’;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: ‘Garamond’;
src: url('http://www.anneslacik.com/wp-content/uploads/Garamond.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: Garamond;
src: url('http://www.anneslacik.com/wp-content/uploads/Garamond-Italic.woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: Garamond;
src: url('http://www.anneslacik.com/wp-content/uploads/Garamond-Bold.woff');
font-weight: bold;
font-style: normal;
}
I left the Text Format font feild blank.
So my questions:
- Is there a way to do this within the text formats?
- is this going to cause any conflicts?
Thanks,
Daniel