Compared to the article font-size of 15.2px editor text is too small to provide a convenient UX.
===== Steps to Reproduce:
* Compare text in the editor to sidebar links, latter is the same as article text.
* Compare text in the editor with highlighting turned on and off.
* Do these with all 3 of the editor font settings: monospace, sans-serif, serif.
WTE / WTE2010:
1. https://www.mediawiki.org/w/index.php?title=2017_wikitext_editor&action=edit&useskin=timeless
WTE2017:
1. [[ https://www.mediawiki.org/wiki/Special:Preferences#mw-prefsection-betafeatures | Enable ]] "New wikitext mode"
1. https://www.mediawiki.org/wiki/2017_wikitext_editor?veaction=editsource&useskin=timeless
===== Reason
For historical reasons related to browsers implicitly setting monospace elements' font-size to something //around// 13px (inconsistently, ofc):
{T182320} sets the font-size to 13px for all skins, all editors, also when using non-monospace font.
Not an issue (not noticeable) in Vector (body: 14px), MonoBook (12.7px), Modern (13px).
Minerva avoids this by resetting paragraphs' (not the editor's) font-size to 16px.
===== Fix
Reset (inherit) default page font-size in editors (in Timeless).
== Screenshots
Bad vs Good:
| {F31621703} | {F31621704}
Before and after fix:
| {F31674547} | {F31674546}
== QA ==
==== Test on [[ https://en.wikipedia.beta.wmflabs.org/w/index.php?title=Selenium_wikitext_editor_test_0.4671745916020327&action=edit&useskin=timeless | beta-cluster ]]
====== WTE2010 source editor
* Set the [[ https://en.wikipedia.beta.wmflabs.org/wiki/Special:Preferences#mw-prefsection-rendering | Skin ]] to Timeless if not done yet.
* Open [[ https://en.wikipedia.beta.wmflabs.org/wiki/Special:Preferences#mw-prefsection-editing | "Editing" tab in "Preferences" ]] in a new browser tab for efficency.
* Choose all 3 font options, reload the editor with each option, check the "font-" CSS rules in DevTools.
* For each option, enable "Syntax highlighting" on the toolbar (stylus icon left of "Advanced", forces monospace font).
* Evaluate whether the font size is visually perceived as similar with syntax highlighting enabled and disabled (subjective measure).
* With highlighting enabled check the "font-" CSS rules in DevTools (only necessary once).
| sans | serif | mono | highlighting (mono)
| 15.2px | 15.2px | 13.56px | 13.56px | expected `font-size:` (with 16px browser setting)
| 15.2px :heavy_check_mark:| 15.2px :heavy_check_mark: | 15.2px :heavy_minus_sign: | 15.2px :heavy_minus_sign: | actual `font-size:`
| :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_minus_sign: | `font-family:` [[ https://gerrit.wikimedia.org/r/c/mediawiki/skins/Timeless/+/586426/1/resources/themes/wikimedia.less#35 | as defined ]]
====== WTE2017 VE source editor (NWE)
* Enable [[ https://en.wikipedia.beta.wmflabs.org/wiki/Special:Preferences#mw-prefsection-betafeatures | "New wikitext mode" in "Beta features" tab ]].
* Open [[ https://en.wikipedia.beta.wmflabs.org/wiki/Special:Preferences#mw-prefsection-editing | "Editing" tab in "Preferences" ]] in a new browser tab for efficency.
* Choose all 3 font options, reload the editor with each option, check the "font-" CSS rules in DevTools.
* For each option, enable "Syntax highlighting" in the hamburger menu (forces monospace font).
* Evaluate whether the font size is visually perceived as similar with syntax highlighting enabled and disabled (subjective measure).
* With highlighting enabled check the "font-" CSS rules in DevTools (only necessary once).
| sans | serif | mono | highlighting (mono)
| 15.2px | 15.2px | 13.56px | 13.56px | expected `font-size:` (with 16px browser setting)
| 13px :heavy_minus_sign: | 13px :heavy_minus_sign: | 13px :heavy_minus_sign: | 13px :heavy_minus_sign: | actual `font-size:` 15.2px (with 16px browser setting)
| :heavy_minus_sign: | :heavy_minus_sign: | :heavy_minus_sign: | :heavy_minus_sign: | `font-family:` [[ https://gerrit.wikimedia.org/r/c/mediawiki/skins/Timeless/+/586426/1/resources/themes/wikimedia.less#35 | as defined ]]