Twenty Twelve: Code Block font family is different in the editor

[pitamdey]

In Twenty Twelve Theme, the Code block have a different font family in front-end and editor side.

I have checked the code and found that font-family: inherit is being applied on the editor side due to which issue may arise

[pitamdey]

Editor View

[pitamdey]

Frontend View

[pitamdey]

After applying this solution the issue is resolved

[sabernhardt]

sets font on .wp-block-code container

[sabernhardt]

The iframe editor overrules the theme's font with Menlo (if available) in block-library/theme.css.

The inherit property for the code element would work if the correct font is set on .wp-block-code.

[karmatosed]

I am going to apply the testing keyword to get that happening and see about moving this through. Thank you everyone.

[karmatosed]

In testing I can confirm that this fixes the issue and now the font family is the same on both editors. I am going to progress this to commit. Thank you everyone.

[karmatosed]

In 58882:

Twenty Twelve: Fixes Code block font family difference in editors.

The Code block font family was different in the front-end and the editor. This resolves the overruling in the iframe editor.

Props pitamdey, sabernhardt.
Fixes #61808.