Typography refresh/Font choice/Test

Please help filling this table. Sign your data so we know who to ask if discussion or further tests are needed. If you get a different result in a certain combination, add it with a comment.

Let's run the test against the most popular browsers according to the Wikimedia stats. Feel free adding data for more browsers or platforms.

Pre-conclusions
Therefore, the goal of a consistent visual experience across desktop and mobile can be better obtained by circulating around the classic Helvetica and its clones, all of them provided by browsers simply by calling "sans-serif".
 * Most Windows users will get Arial (a Helvetica look-alike) regardless of our font rules. To be proven: those with LibreOffice / OpenOffice will get Liberation Sans or Arimo (similar to Arial) if specified.
 * Most Android users will see Roboto regardless of our font rules.
 * Most MacOS and iOS users will see a change from Helvetica to Helvetica Neue only when the latter is explicitly called.
 * Most Linux users will see Liberation Sans / Arimo if specified.

These pre-conclusions are consistent with the conclusions at Typography refresh/Font choice.

Sans-serif
1. Lorem ipsum dolor sit amet

 2. Lorem ipsum dolor sit amet

 3. Lorem ipsum dolor sit amet

Let's run the test against the most popular browsers according to the Wikimedia stats. Feel free adding data for more browsers or platforms.

Serif
1. Lorem ipsum dolor sit amet

 2. Lorem ipsum dolor sit amet

 3. Lorem ipsum dolor sit amet

Monospace
Currently styled via en:MediaWiki:Common.css with  and with a codecomment that points to Wikipedia:Typography#The monospace 'bug'.

(#1 and #2 will probably give the same typeface-name but also appear as different sizes - this is "The monospace 'bug'" in action.) 1. Lorem ipsum dolor sit amet

 2. Lorem ipsum dolor sit amet

 3. Lorem ipsum dolor sit amet

 4. Lorem ipsum dolor sit amet

Firefox
You can check the font with the following steps
 * 1) Highlight the "1. Lorem ipsum dolor sit amet" text
 * 2) Right-click and select "Inspect element"
 * 3) Select the "Fonts" panel in the lower right (Rules, Computer, Fonts, Box Model)
 * 4) Note the font name listed in the panel
 * 5) Repeat for the other two bullet-points

Chrome
In recent versions:


 * Same as in Firefox, but the font used will be shown at the end of "Computed"

Other
If you cannot find a way to get at the rendered font via the developer tools/inspector, you may be able to simply copy/paste the text into your WYSIWYG/rich text editor of choice.