I'm seeing something weird this morning while editing questions (and answers). Instead of the normal monospaced font I usually see, the text is some smaller proportional font. Oddly, I'm seeing the correct font while typing this post but I've tried editing half a dozen different posts on SO and they all show the wrong font. Last night everything was fine. The font used to display the message is fine. It's only an issue inside the editing box.
And it turns out that going back and editing this post, I am now seeing the same incorrect proportional font. Very weird. Why would I see the correct font when originally posting and the wrong font when I go back and edit?
Did some CSS or something else change in the last 10 hours?
I'm using Safari 11.0.1 on macOS 10.12.6 if it matters.
Here's a screenshot from typing in a new question:
Here's a screenshot while editing this question:
textarea:not(.s-input)
to havefont-family: Arial,"Helvetica Neue",Helvetica,sans-serif
as part of a large number of form element selectors, all with:not(.s-input)
. Thetextarea
has a class of "wmd-input", which is defined as having afont-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif
, but that selector is less specific.wmd-input
, so the specifictextarea#wmd-input
rule applying a monospaced font applies. When editing an existing post, the id changes towmd-input-<number>
, so the specific rule no longer applies.class="wmd-input processed"
on there. Don't know if that's a meta thing or what.