How to install custom font before loading website?

Question

I’ve some custom fonts like Trade Gothic Oblique.ttf, now I’m using this in our website but it does not install before loading the website for installing this font I’ve used the following code:

@font-face

{

font-family: "TadeGothic" , TradeGothic, TradeGothic LT Std;

src: url(../fonts/Trade Gothic LT Std Condensed No. 18.ttf);
src: url(../fonts/Trade Gothic Oblique.ttf);

}

But it does not work. Can you tell me what’s wrong with it?

Answer 1

You might want to check out FontSquirrel at http://www.fontsquirrel.com/fontface. They show you how to do it.

Note, though, that it works differently with IE than with other browsers. I believe IE requires TTF and other browsers require OTF as the embedded font standard.