[wp-trac] [WordPress Trac] #61140: Twenty Seventeen Theme: verse block font family is different in front-end side.

[WordPress Trac]

#61140: Twenty Seventeen Theme: verse block font family is different in front-end
side.
-----------------------------------------------+---------------------------
 Reporter:  pranitdugad                        |       Owner:  (none)
     Type:  defect (bug)                       |      Status:  new
 Priority:  normal                             |   Milestone:  Awaiting
                                               |  Review
Component:  Bundled Theme                      |     Version:
 Severity:  trivial                            |  Resolution:
 Keywords:  has-screenshots changes-requested  |     Focuses:
-----------------------------------------------+---------------------------
Changes (by poena):

 * keywords:  has-screenshots => has-screenshots changes-requested


Comment:

 Hi @pranitdugad Thank you for reporting this issue.

 When the style in the editor and front do not match, the first thing to do
 is find out or decide which of the two styles is the correct one.


 Twenty Seventeen styles the {{{pre}}} tag to use {{{font-family: "Courier
 10 Pitch", Courier, monospace;}}} in both the editor and front.

 The block editor overrides this font, so in this case, it is the
 **editor** that is breaking the theme's original design, and it is the
 editor stylesheet in the theme that needs to be updated.

 If the CSS is removed from the block on the front, then it will be an
 unexpected and visible change on live websites, which should be avoided.


 The patch changes files that are in not inside the theme folder, and this
 is problematic because these changes would be deleted, they would not be
 permanent because the files are generated when the block editor is
 updated.
 Changes to the blocks would also affect all themes, not only Twenty
 Seventeen.

 The correct file to update is twentyseventeen/assets/css/editor-style.css.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/61140#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform