https://design.wikimedia.org/style-guide/resources/WikimediaUI-components_overview.svg
Browser: Google Chrome 70.0
OS: Win 10
Description
Description
Event Timeline
Comment Actions
Possibly happening because the fonts have been defined as HelveticaNeue-Bold, Helvetica Neue which are pre-installed on MacOS. It shows up in the default font on other OS's. Should add sans-serif here.
Comment Actions
Thanks @Iniquity. That should be fixed in most recent push based on https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/159 and be visible online within the next hour.
Comment Actions
@Volker_E Thanks! But I regret to inform you that...
I will re-open this task just in case :) Or I need to create another one?
Comment Actions
Second iteration at https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/204. This fixes all issues above.
Comment Actions
@Iniquity Please take note, that due to line-box rendering inconsistencies in SVG we can't fully control the vertical alignment of text in buttons without a massive manual extra step (moving all text items in SVG up by 1-2 pixels. This is a known issue and will be monitored. For now we have to continue with this small misalignment in SVG. Sketch and PNG are showing the correct position.
See https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align for further information.
Comment Actions
A more future-proof solution has been added in https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/281 with a Grunt replace task, ensuring sans-serif fallback across components.