font face problems

[denno020]

I was just wondering how I can specify the different font types for a particular 'base' font. The problem I'm having is that I have set a font for my body text. For bold text I've set the font for strong tags to be the bold version of the font. I run into problems though when I have two different bits of text with different fonts and some words in bold.. the bold words will only display in the font that is set for strong tags, even if I put a span around the word and change the font for that span.

 

So is there a way that I can specify the bold version of a font?

Something like this:

@font-face {
font-family: myFont;
src: url('myFont.otf');
        strong: url('myFontBold.otf');
        em: url('myFontItalics.otf');
}

 

Any ideas?

 

 

Thanks

Denno

[cssfreakie]

http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/

 

You need to add style to element apart

GraublauWeb is the imported font here.

h1 {
font-family: GraublauWeb, Helvetica, Verdana, Sans-Serif;
}