When we are using CSS @font-face for WordPress, we usually don’t get the desired result that we may be expecting while we are using Mozilla Firefox.

Firefox 3.5 supported TrueType and OpenType fonts. In Firefox 3.6 support for a new font format – the Web Open Font Format, or WOFF is been added. You can use this font format to work for WordPress if you are using Firefox.

You can convert you fonts to woff format from http://www.fontsquirrel.com/fontface/generator

After you get your font coverted use the following code to import your fonts for all browsers.

@font-face {
  font-family: GentiumTest;
  src: url(fonts/GenR102.woff) format("woff"),
       url(fonts/GenR102.ttf) format("truetype"),
       url(fonts/GenR102.eot) format("embedded opentype");
}

Continue reading »

Tagged with: