I’m using @font-face with a .ttf font (Rockwell) on one of my sites and works great in any browser (though I haven’t tested in Opera to be honest)
Why on earth would you want to add a “css-valid” badge? That stands for nothing really, because if you use browser-specific declarations (so only people with firefox see some cool effect), you still won’t validate and that doesn’t mean your CSS is bad.
I think these badges should go in the same drawer with table-based designs…
Just my 3.141592653589793… cents
EDIT: note that Cufon is used only for headings, and not for body text. And oh yeah, it crams your site with lots of <canvas> elements (one element/word)
EDIT 2: here’s my CSS code that works on IE, Firefox, Safari, Chrome and perhaps many others too
@font-face {
font-family: Rockwell;
src: url('fonts/Rockwell.ttf');
}
.someclass {font-family:Rockwell, Times New Roman, Times, serif;}
I see it doesn’t validate the font-family either… not like I’d give a $h!7
EDIT: note that Cufon is used only for headings, and not for body text. And oh yeah, it crams your site with lots of <canvas> elements (one element/word) :|
I believe you can define a new class/id/body element to replace by adding: