December 3, 2010, 10:18 am
Meta Works (Remodeling Dynamic Diagrams)
By Henry Woodbury
In Tim’s last post on Remodeling Dynamic Diagrams he mentioned our decision to use web fonts. By maintaining font files on our server and referencing them via @font-face calls in our CSS files, we can bring to our web presence the Meta typeface we have long used in our diagrams, presentations, print collateral and Flash animations.
This demo page shows the Meta Web version we have purchased for the site redesign. Internally we have tested it on Internet Explorer 6, 7, and 8, and current versions of Firefox, Safari, and Google Chrome (such incremental browser testing is part of our process). It also works on the iPhone’s Safari browser.
If the fonts on the demo page don’t resemble the image below on your browser, let us know!
UPDATE (December 9, 2010): As Andy mentions in the comments, the lower-case y in Meta Web Medium renders with a flaw. This appears on all Windows-based browsers. We’ve reprocessed the fonts and uploaded a new demo.
My browser (Firefox 3.6.12) had difficulty with the Meta Web Medium letter “y.”
Posted by Andy on December 9, 2010 at 11:39 am
Thanks, Andy. Additional testing shows that error appears on all Windows browsers. We’ve reprocessed the fonts using a different approach and corrected the bug.
Posted by Henry Woodbury on December 9, 2010 at 2:53 pm