With many improvements part of CSS3, one of the most welcomed by web designers is the new @fon-face CSS rule, which allows creative graphic artist to introduce almost any font to the web code, so it displays on the users webpage, even if users haven’t got it installed on their machines.
Previously, users had to adhere to a particular set of “web safe” fonts pre-installed on their computer, however, with the @font-face rule, developers can include the font file on a web server, and it will be automatically downloaded to the user when needed.
Internet Explorer 9+, Firefox, Chrome, Safari, and Opera support the WOFF (Web Open Font Format).
Firefox, Chrome, Safari, and Opera support fonts of type TTF (True Type Fonts) and OTF (OpenType Fonts).
Chrome, Safari and Opera also support SVG fonts/shapes.
Unfortunately, Internet Explorer 8 and earlier versions, do not support the @font-face rule.
Internet Explorer also supports EOT (Embedded OpenType fonts).
and calculate your budget and timescale