Hey everyone,
I am having an issue with a WordPress site I coded. Everything looks great except for the font I used which is a non web safe font the client requested. I followed Paul Irish’s font-face bulletproof syntax within the css of the site. The site is www.patgesualdo.com. The site looks perfect in Firefox and 95% good in safari while in Chrome and IE the site does not render bold whatsoever. Can someone please help me figure out this issue so that the font renders a true bold in all browsers? Did I miss anything in my code that I’m not seeing. Thank you so much. The code is as follows:
*bulletproof syntax
@font-face {
font-family: ‘franklin-heavy’;
src: url(‘type/frabk-webfont.eot’);
src: url(‘type/frabk-webfont.eot?#iefix’) format(‘eot’),
url(‘type/frabk-webfont.woff’) format(‘woff’),
url(‘type/frabk-webfont.ttf’) format(‘truetype’),
url(‘type/frabk-webfont.svg#webfont440oe84B’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
*example of how I apply it to the navigation
#access a {
padding-left: 30px;
padding-right: 30px;
font-family: “franklin-heavy”, serif;
font-weight: 900 !important;
text-align: center;
color: #ffffff;
line-height: 27px;
text-decoration: none;
font-size: 17px;
text-transform: uppercase;
}