June 28, 2010  

@font-face tutorial and user guide by Milton Bayer

@font-face tutorial and user guide by Milton Bayer.

@font-face file types

We need the following file types in order to have the full 92+% support. (as per: http://www.evotech.net/blog/2010/01/font-face-browser-support-tutorial/ )

  • Internet Explorer (all versions): EOT
  • Safari (3.2+): TTF / OTF
  • iPhone (3.1) SVG
  • Chrome (all versions): SVG (TTF/OTF added 25th Jan 2010)
  • Firefox (3.5+): TTF/OTF (.WOFF added 3.6)
  • Opera (10+) TTF/OTF

So, .eot + .ttf /.otf + svg + woff = best support possible.

Advertisement

About sarfarazhanfi

Over 10 years of hands-on experience in graphics and web designing, multimedia presentations. With two years of it management experience.Excellent knowledge of creative tools and techniques. Quick to grasp new ideas and concepts, and to develop innovative and creative solutions to problems. Able to work well on his own initiative and can demonstrate the high levels of motivation required to meet the tightest of deadlines. Even under significant pressure, possesses a strong ability to perform effectively

Leave a Reply

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Change )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Change )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Change )

Cancel

Connecting to %s

Follow

Get every new post delivered to your Inbox.