There are a number of fornts for typefaces available which are use @font-face.Typically,you have a typeface
TrueType or Opentype.
@font-face Support Across Browsers
There is suprisingly good support for @font-face accross even older browsers.
The EOT(Enbedded Open Type) format typefaces are supported in all versions of Internet Explorer.
TTF:Safari,Opera,Chrome and Firefox
Safari version 3.2 onwards,Opera version 10 onwards, Firefox version 3.5 onwards and allversions of Chrome support the TTF(TrueType Format) for typefaces in @font-face
OTF: Safari,Opera,Chrome and Firefox
Similarly to the TrueType Forrmat,OTF(OpenType Format) is supported by Safari version 3.2 onwards,Opera version 10 onwards, Firefox version 3.5 onwards and allversions of Chrome
support the TTF(TrueType Format) for typefaces in @font-face
SVG:iPhone and Chrome
The SVG(Scalable Vector Graphics format) is supported by the iPhone and Chrome browsers.SVG font files are specially formatted .svg files that contain vector graphics for each glyph and character of the typeface
is represents, allowing for easy scalability.
The WOFF(Web Open Font Format) is currently supported by Firefox,but is in the process of becoming a
standard for font formats across all major browsers,including those bt Opera,Microsoft and Mozila.
Converting Typefaces On Online
There are a number of online @font-face conversion tools that generate the necessary CSS and typeface files for you,including Font Squirrel’s FontFace Generator(http://www.fontsquirrel.com/fontface/generator).