[wp-trac] [WordPress Trac] #61377: Twenty Twenty: Login/out block font family is different in the editor when added to a post (was: Twenty Twenty: Login/out block font family is different in back-end & Front-end.)

[WordPress Trac]

#61377: Twenty Twenty: Login/out block font family is different in the editor when
added to a post
---------------------------+------------------------------
 Reporter:  viralsampat    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  6.5.3
 Severity:  normal         |  Resolution:
 Keywords:  dev-feedback   |     Focuses:  css
---------------------------+------------------------------

Comment (by sabernhardt):

 In a widget, the Login/out block uses a sans-serif font for both front end
 and the editor. It is likely more common to find that block in a widget
 for all pages than in individual posts or pages (though I have added a
 logout link on a single page before).

 In a post:

 1. The block has the serif family on the front end, within the `.entry-
 content` container.
    {{{
 .entry-content {
   font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif",
 Garamond, "Times New Roman", serif;
   letter-spacing: normal;
 }
    }}}
 2. In the editor, the block inherits the sans-serif font ("Inter var" if
 supported) because it does not use a paragraph or list tag.
    {{{
   .editor-styles-wrapper > * {
     font-family: "Inter var", -apple-system, BlinkMacSystemFont,
 "Helvetica Neue", Helvetica, sans-serif;
   }
 .editor-styles-wrapper p,
 .editor-styles-wrapper ol,
 .editor-styles-wrapper ul,
 .editor-styles-wrapper dl,
 .editor-styles-wrapper dt {
   font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif",
 Garamond, "Times New Roman", serif;
   letter-spacing: normal;
 }
    }}}

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