Twenty Twenty: Login/out block font family is different in the editor when added to a post

[viralsampat]

Hello,

I have reviewed "Login/out" 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.

Here, I have attached its screenshots:

Thanks,

[viralsampat]

Back-end

[viralsampat]

Front-end

[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;
   }
   

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

After resolved issue Back-end:

[viralsampat]

After resolved issue front-end: