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.
↧