Font scaling at whole pixel increments causes rendering inconsistencies for vw units

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

[Michael Argentini]

Fonts are only scaled using whole pixel increments as opposed to fractional (sub) pixels. This causes jumpy/stuttering text scaling and inconsistent text wrapping when using vw and rem units. A simple example of this can be viewed by visiting the URL below in Safari and any other major browser, like Chrome, Firefox, etc. Resize the window widths and watch the scaling of text. Safari renders text that stutters and wraps at arbitrary widths due to the whole pixel rounding. Other browsers do not, and they remain performant. 

This is a request to favor rendering integrity and compatibility across browser over the current approach of maximizing cache hits.

http://sfumato.design

Thanks for listening, and for a great rendering engine! But please change this!

[Radar WebKit Bug Importer]

<rdar://problem/36445898>

[Myles C. Maxfield]

Inside FontDescription.h:

unsigned computedPixelSize() const { return unsigned(m_computedSize + 0.5f); }

[Myles C. Maxfield]

<rdar://problem/28543347>

[Michael Argentini]

Any news on this issue? Now that Microsoft will be using Chromium for Edge, it seems that all other major browsers will be handling font size changes at fractional pixels and rendering pages consistently with each other at any size. We need to give people reasons to keep using webkit/Safari!

[Michael Argentini]

Any news on this issue? Now that Microsoft has been using Chromium for Edge, it seems that all other major browsers will be handling font size changes at fractional pixels and rendering pages consistently with each other at any size. We need to give people reasons to keep using webkit/Safari!

[Ahmad Saleem]

*** This bug has been marked as a duplicate of bug 46987 ***