Twenty Fifteen: Code block font family is different in iframe editor

[pranitdugad]

Hello,
I have reviewed "Code" block and found that its font-family is different in both(Editor & Front-end) sides.
I think that it should be same on both sides.

Thanks,

[pranitdugad]

frontend

[pranitdugad]

back-end

[pranitdugad]

After applying this patch , this issue is resolved

[sabernhardt]

adds Inconsolata font to the Code block within editor styles

[sabernhardt]

In the iframe-based editor, WordPress 6.4 stopped adding .editor-styles-wrapper to selectors it pulled from the theme's editor-style.css. Then Twenty Fifteen's Inconsolata font in code element styles did not override .wp-block-code code {font-family: inherit} from block-library/style.css, which inherited .wp-block-code {font-family: Menlo,Consolas,monaco,monospace} from block-library/theme.css.

61571.1.patch​ adds Inconsolata to the Code block (not the code element) within block editor styles. The font could be added to the existing ruleset instead, but I chose to target .wp-block-code without raising the specificity.

Note: Twenty Sixteen would need a similar change in its editor-blocks.css (other themes should not need a change).

[karmatosed]

Assigning this to myself to test with a view to commit.

@sabernhardt we don't seem to have an issue unless I am mistaken for this:

Note: Twenty Sixteen would need a similar change in its editor-blocks.css (other themes should not need a change).

Do you want to create one and also that patch? Happy to resolve both if we are doing that.

[karmatosed]

Thank you, I can confirm in testing I am going to move this to commit. I still want to note there needs to be made a ticket for Twenty Sixteen but that should not block getting this in.

[karmatosed]

In 58730:

Twenty Fifteen: Fixes code block family being different in iframe editor.

The font family was not being included for the code block. This adds Inconsolata to the code block within the editor styles.

Props pranitdugad, sabernhardt.
Fixes #61571.

[sabernhardt]

#61700 could fix the font-family for Twenty Sixteen (with other properties).