[wp-trac] [WordPress Trac] #36753: Use system fonts for a faster, more native-feeling admin

[WordPress Trac]

#36753: Use system fonts for a faster, more native-feeling admin
--------------------------------------------------------+------------------
 Reporter:  helen                                       |       Owner:
     Type:  task (blessed)                              |      Status:  new
 Priority:  normal                                      |   Milestone:  4.6
Component:  Administration                              |     Version:
 Severity:  normal                                      |  Resolution:
 Keywords:  needs-screenshots good-first-bug has-patch  |     Focuses:  ui
--------------------------------------------------------+------------------

Comment (by afercia):

 Some screenshots (20) about form fields and buttons, available here:
 https://cloudup.com/cZhR8P-vMZr

 All screenshots were taken using a Macbook retina 15″ OS X El Capitan and
 a Dell laptop 1366x768 display with Windows 10. I've used the
 [https://github.com/iseulde/ui WordPress UI plugin] as base and added some
 input/button elements (please ignore other elements). I'd suggest to don't
 focus on the alignment of the elements but rather on the alignment of text
 within the elements.

 Trying to summarise:
 - the text inputs height is different across browsers and platforms and
 affects the alignment with surrounding elements
 - the vertical alignment of text within text inputs is different across
 many browsers/platforms
 - buttons in Firefox: in the same browsers on different platforms the
 buttons text vertical alignment is different, I guess it's a clear sign
 the form metrics/font rendering engine play a role here

 It's all about subtle differences (1 pixels or so) but probably a bit hard
 to fix. Fixing one alignment for one browser on one platform will very
 likely break the alignment in another browser/platform

 Same applies to the "count bubbles" mentioned in previous comments and, I
 guess, wherever the `line-height` plays a role in determining the
 element's height/text alignment.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/36753#comment:84>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform