Graublau Sans Grabbed
Learning something new keeps the mind active and that’s why working on the web can be so much fun. Just recently I’ve been pushing myself to learn jQuery – no longer shall I rely on the excellent javascript programmers I work with to take care of it for me – lazy boy!
I’ve also been catching up with all the new developments in browser font display that have been taking place recently. And what a lot of fun it is – easy too! If you are viewing this page in the latest version of any fairly modern browser (Firefox 3.5, Safari 4, Opera 10 etc.) you should be reading these words set in the excellent Graublau Sans by fonts.info. I’m not 100% sold on it for this blog yet but time will tell.
I’ve implemented this font change with the css declaration @font-face. For me, this seems to be the simplest, most standards-compliant way forward. Whilst there are other exciting projects in progress (Typekit and FontDeck to name but two), they aren’t free. So now, as well as the standard “img” and “css” folders at root, I now also have a brand new “font” folder! Joy! Simple things please simple minds I guess…?
Unfortunately @font-face does sometimes result in a not-so-nice “flash of unstyled text” (fout) but for personal sites I can live with this. Whether clients will be able to, well that’s a different matter…
For references and thanks:
- http://www.font-face.com/
- http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
- fonts.info for creating the excellent Graublau Sans Pro that you may now be reading.