GET SEGOE UI FONT CODE
GET SEGOE UI FONT MAC
GET SEGOE UI FONT WINDOWS

Also, involving Windows users would be advisable. I'd definitely recommend to test on a native Windows machine to get a more accurate idea of the actual rendering. I think WordPress has neglected a bit its Windows users in the last years and it would be nice to explore a solution.

GET SEGOE UI FONT MAC

Not sure :) Working a few hours on my Windows laptop just makes me want to switch back to the mac as soon as possible. I don't think the text looks particularly bad or uncentered. There will definitely be visual bugs, mainly around alignment and spacing these should be documented and reported on the ticket and fixed more atomically so that our current and future selves have a better understanding of what happened and why. The commit message itself mentioned further explorations and adjustments that never happened (emphasis mine): Worth also noting the work from #36753 is basically incomplete. At the cost of embedding an external resource though. I don't think we can perfectly render text in a similar fashion across all OSs, unless we create our own font.īefore system fonts, Open Sans guaranteed the same rendering on all platforms. just try to remove Segoe UI and see how form controls look on Windows.consider that anyways Segoe UI is not used for all languages.explore whether there are other typefaces included in Windows that could be used instead of Segoe UI.do some research to confirm Segoe UI really has different half-leading values.Some research would be nice but I'd tend to think there are no better ways to fix this issue other than entirely removing Segoe UI from the 'fonts stack' and let Windows see the sans-serif fallback. Ideally, WordPress should make sure that all the typefaces included in the 'fonts stack' have the same half-leading values in their internal metrics. Instead, it's not ideal when it needs to be vertically centered. Segoe UI appears to be a very good typeface for headings, titles, and copy. might work on Windows but then the same values would be used also on the other operating systems breaking the layout of form controls there. Altering the form controls values for padding, line-heights, etc. Segoe UI doesn't and the top half leading is greater than the bottom one.Īs a consequence, it's hard to fix this via CSS. Most typefaces use the same value for the top and bottom 'half leading'. Because of this the ascent of Segoe UI is huge compared to other fontsīasically, Segoe UI is intentionally not vertically centered within its 'line height'.

GET SEGOE UI FONT CODE

The issue is Segoe UI has a huge code page covering most languages and has made a effort to make the accents on characters readable even at small font sizes. I couldn't find a reference on any Windows official documentation but I did find a very interesting note on this JDK bug tracker issue: Screenshot from WordPress 5.2 on macOS Chrome: see how the text is almost perfectly centered:Īfter some research, turned out Segoe UI has some particular internal metrics. On macOS, where the 'font stack' uses a different typeface, the text looks better centered. This happens on all WordPress versions starting from 4.6. See how the text within form controls is shifted to the bottom. Screenshots from WordPress 5.2 on Windows Chrome:

Since then, all Windows users have been seeing non-centered vertical alignment of text within inputs, selects, buttons. Since the introduction of 'system fonts' in WordPress 4.6 about 3 years and a half ago (see / #36753), Segoe UI is the default typeface used by WordPress on Windows.

Get segoe ui font