I started thinking about typography for some of my web pages and found that it makes your webpages more professional looking. The only problem is I ran into internet explorer! (surprise!).
Both Firefox and Safari handled my ttf & woff font-face css declarations, but on IE my page still looked like crap. I had to do some digging and google came to help. Apparently IE only supports a font format called .eot (Embedded Open Type) and .eot is not supported by other browsers.
I didn't have a .eot file for my ttf file. Fortunately http://ttf2eot.com offered a simple way to convert my existing ttf to eot font file. And I adjusted my css declaration as shown in ttf2eot website.
Now I have my pages looking the same across all browsers...even IE!
Both Firefox and Safari handled my ttf & woff font-face css declarations, but on IE my page still looked like crap. I had to do some digging and google came to help. Apparently IE only supports a font format called .eot (Embedded Open Type) and .eot is not supported by other browsers.
I didn't have a .eot file for my ttf file. Fortunately http://ttf2eot.com offered a simple way to convert my existing ttf to eot font file. And I adjusted my css declaration as shown in ttf2eot website.
Now I have my pages looking the same across all browsers...even IE!
