[Webkit-unassigned] [Bug 137455] New: SVG, Web font, and Border-radius Rendering Issues

[bugzilla-daemon at webkit.org]

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

           Summary: SVG, Web font, and Border-radius Rendering Issues
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Platform: Macintosh
               URL: https://collegetrack.org
        OS/Version: Mac OS X 10.9
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: matthewdereknelson at gmail.com


Created an attachment (id=239347)
 --> (https://bugs.webkit.org/attachment.cgi?id=239347&action=review)
Screenshot comparison of Safari and Chrome

I’m seeing multiple rendering issues in Safari. I'll use https://collegetrack.org as an example.

1. SVG
On collegetrack.org the round, blue CT logo mark is an SVG image and is a perfect circle, but Safari doesn’t render it perfectly round – there are obvious points in the curve that break the circle. 

2. Web Fonts
The “Make College Graduation a Reality” headline in the hero area is a Typekit web font. Like the SVG problem above, the text renders poorly on curves. You’ll notice this in the a’s, o’s, c’s, and e’s the most. 

3. Border-radius
The corners on border-radius rendered elements doesn’t display a perfect radius – it looks as though the radius is stretch. You’ll notice this on the top right green “Donate” button and “Learn more about our results” button under the “Our Impact is Measurable” section in the middle of the page. 

These are all issue’s that I’ve compared to Google Chrome, which renders as expected. Here's a screenshot comparison: http://d.pr/i/1ktaX

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