This site now utilizes the @font-face attribute included in the new Firefox 3.5. These fonts should be visible in Firefox 3.5, Safari 3.1, and Opera 10. They may be visible in IE (I’m not sure). Thanks to exljbris and RedHat for some cool fonts. Let me know if you think I went overboard or if something isn’t looking right on your screen now. I’m not done tweaking yet, but this is a good start.
I could try to explain why the @font-face CSS feature in the new Firefox 3.5 is so awesome for web developers (and viewers), but as they say, a picture is worth a thousand words: Firefox 3.0 (and other web browsers) vs Firefox 3.5. You no longer need a particular font installed on your computer in order to view it on a web page. Expect some changes around here in the coming weeks to reflect that!
I started using Firefox for pretty much one reason: it correctly interpreted HTML and CSS (the code that web pages are written in). When I was learning to design web sites in high school and college, Internet Explorer was annoying because it doesn’t conform to web standards set forth by the W3C. It was a fairly ubiquitous browser that set its own standards for how the web should work. Firefox was the first browser I had come across that took web standards seriously and did their best to interpret a website’s code properly. From a design perspective, it meant I could code my sites according to the W3C’s specifications and not have to cater them to individual browsers.
With the birth of Internet Explorer 7 and now Internet Explorer 8, Microsoft has taken some steps to conform with these web standards. At the same time, Mozilla’s Firefox browser has gained significant ground against Internet Explorer, especially with the younger generation. This is at least in part due to the fact that fun new websites are designed to work best when viewed in a browser that is standards-compliant. At the same time, Mozilla has worked on improving the browsing experience by adding fantastic new features to their browser. Now, over 10 years after the finalization of the HTML 4 specification, the W3C is hard at work ironing out the details of an HTML 5 specification. Firefox is first in line to implement some of these exciting new design techniques in their soon-to-be-released Firefox 3.5, as can be seen on the Mozhacks blog. I’m excited to see Mozilla getting back to the roots of what makes Firefox the best browser on the Internet. Their latest browser is not only blindingly fast, but it’s helping designers advance the web.
Curious what you have to look forward to in Firefox 3.5? My personal favorite things are being able to embed a font in my website so that I can type in any font I want, the ability to play embedded OGG audio and Theora video directly so that I can avoid using Adobe Flash, and some crazy SVG stuff. Check out more at hacks.mozilla.org!