embeding fonts – answer

On October 7, 2010, in Web, by Bikas

At present embedding font css is supported by Mozilla 3.5 and 3.6.

The format must be as follows:

@font-face {
  font-family: <a-remote-font-name>;
  src: <source> [,<source>]*;
A� [font-weight:A�<weight>];
A� [font-style:A�<style>];
}

The fonts supported must be TrueType and OpenType fonts or WOFF for mozilla.

  • Internet Explorer only supports EOT
  • Mozilla browsers support OTF and TTF
  • Safari and Opera support OTF, TTF and SVG
  • Chrome supports TTF and SVG

For more details you can visit https://developer.mozilla.org/en/CSS/@font-face

There are other ways also by which you can use fonts of your taste to match your layout design. One of them is Cufon font. There are others too but most of them are paid.

Hope this will resolve your problem.

Leave a Reply