Bug 52285 – HTML element is invisible when -webkit-transform and @font-face is set

• Component: Layout and Rendering
• Status: RESOLVED WORKSFORME

Chrome Version       : 8.0.552.224 (Official Build 68599)
URLs                 : http://gl-test.kathdreams.dk/culture.htm
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5: OK
  Firefox 3.6: OK

Steps to reproduce the problem?
1. Go to web site (http://gl-test.kathdreams.dk/culture.htm)
2. The h2 with text EXPLORE CULTURE is not visible. It's located in div.culture-cloud. Open the site in Safari or Firefox if you're having trouble finding the element.
  
  OR

1. download chrome.html and pioneerbrush-webfont.woff from here.
2. put pioneerbrush-webfont.woff in directory and name it fonts.
3. open chrome.html in Chrome

I've attached the WOFF font as it might be a problem with transforming this particular WOFF file. The files is generated at fontsquirrel.com.

What strikes me is that this works as intented in web-kit 533 (Safari 5.0) but not in web-kit 534 (Chrome 8).

Cheers, Jon.

Created attachment 78670 [details]
reduced testcase

Created attachment 78675 [details]
WOFF font that errors when rotated

Use URL http://gl-test.kathdreams.dk/bugs/chrome.html instead of http://gl-test.kathdreams.dk/culture.htm for a reduced test case.

[Simon Fraser (smfr)]

I recall some other issues related to fonts not rendering when transformed. Memory hazy tho.

Is this specific to the Chromium Windows port or does it also happen with the Core Graphics-based Apple Windows port?

I just updated Chrome and the bug is still there:

8.0.552.237 (Official Build 70801)
WebKit	534.10

This bug has been fixed long ago. Unfortunately I don't know when but as following the timeline of comments in bug report #69342[1] on chromium, it appears fixed between late June 2011 - late February 2012.

[1] https://code.google.com/p/chromium/issues/detail?id=69342