Font-face in Chrome
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
Hat tip to Anton Peck for actually discovering the connection.
This is apparently fixed in the latest dev builds and will be in the next version of Chrome.