[Webkit-unassigned] [Bug 32535] New: Links move a little when hovered over. Using custom fonts and webkit-transform rotation.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=32535

           Summary: Links move a little when hovered over. Using custom
                    fonts and webkit-transform rotation.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://www.panic.com/blog/2009/12/quick-notes-1/
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Text
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: cabel at panic.com


Created an attachment (id=44829)
 --> (https://bugs.webkit.org/attachment.cgi?id=44829)
An animated gif showing the shifting.

That's one mouthful of a summary. Let me explain:

SETUP:
- We're using @font-face to load custom fonts from TypeKit. 
- Then we're putting that custom text in a <div> that is rotated slightly using
-webkit-transform: rotate().
- Contained within the text itself are some links.

STEPS TO REPRODUCE:
Hover over any of the handwritten-styled links in the body of the sample URL.

RESULTS:
The text moves very slightly — one pixel down, one pixel to the left? — until
locking into place. It looks weird.
When the browser is refreshed, it happens again, until they've all been hovered
over.

EXPECTED:
The text does not move at all when hovered over.

NOTES:
The particular font is called "Good Dog". It's not happening with the
typewriter text in the header of the card, so maybe it's particular to this
font? A bug in the font?
The attached animated .gif shows the shifting.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.