Some days you can tell that @font-face embedding is still trying to find its feet in becoming a stable and viable solution. Chrome 4 and 5 beta currently have a bug that creates some weird behaviour.
In the following screenshot, you'll notice that everything looks a little off. Okay, that's an understatement.
Image courtesy of Pete Lambert
Every character is replaced by an A in a box. The problem is the local() declaration in the @font-face declaration. If you have the font installed on your machine and visit a page that uses the local() declaration then you'll see these boxes instead of your beautiful font.
The only solution I've seen so far is to remove the local() declaration.
Hat tip to Anton Peck for actually discovering the connection.
