While working on a new design for my portfolio site I came across an odd bug in Google Chrome. I had used one of the web fonts that Google supplies via the Google Font API for the text in the page header. When I added a CSS3 text-shadow to it suddenly the entire title text disappeared. I played around with it and it seems that the ‘IM Fell DW Pica’ font does weird things with a text-shadow. Without the shadow it displays correctly. Other fonts such as ‘Molengo’ seem to work fine even with a text-shadow applied.
This appears to be a Chrome specific bug, not a webkit bug because the page displays correctly in Safari 4. It seems to be related to this bug listed at the Chromium project.
For those not running Chrome, here is a screen shot of the test case I put together.