Bug: Editable demo code examples use default courier font.

[arniebradfo]

Summary

The editable code examples use the default codemirror font which is courier. Courier is very hard to read due to its serifs. will you please use a modern sans monospace font like yall do everywhere else there is code? Its --font-code: Consolas, Menlo, "Courier New", monospace; in the other non-editable examples on the page.

Thanks for updating the site. Looks waaaaaaaay better without all the slab-serif fonts. So much easier to read.

Where did you spot the bug?

All docs pages. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

What is the problem?

bad monospace font

What did you expect to happen?

good monospace font

Steps to reproduce the issue

1. look at the example code

Environment

Device

Macbook

Browser

Chromium Edge

Operating system

Mac OS: Catalina

Screenshots

nah

[schalkneethling]

Had a look in Firefox and it seems to be using Menlo. I did have a look in Edge and there it is a bit more unclear but, it does seem like it uses whatever the default monospace font is on the system. Will have a closer look and see why this is happening. Thanks for reporting.