Embedded font won’t italicize in Safari/Google Chrome

Hi guys,

I have embedded a font (CircleD) in my page using the following code:

[code]
@font-face{
font-family: ‘cv_circled’;
src: url(‘cv_circled.eot’);
src: url(‘cv_circled.eot?#iefix’) format(’embedded-opentype’),
url(‘cv_circled.woff’) format(‘woff’),
url(‘cv_circled.ttf’) format(‘truetype’),
url(‘cv_circled.svg#webfont’) format(‘svg’);
}

…

#navlinks a {
font-family: cv_circled, Arial;
font-style: italic;
}
[/code]

The embedded font displays fine in all browsers (IE9, FF6, Opera11, Safari and Google Chrome).

However the navlinks are not italic in Safari and Google Chrome. I’m using the latest versions.

I’ve tried using ‘oblique’ instead of ‘italic’ but there’s no change.

I did a bit of research and tried to find an italic version of the CircleD font but I couldn’t find it.

Is there any way to make Safari and Google Chrome italicize an embedded font? A CSS hack maybe?

thanks

Also in #CSS _↴