Make WordPress Core

Opened 5 months ago

Last modified 4 months ago

#63776 new defect (bug)

RTL font family issue with server side render block component

Reported by: pyrobd's profile pyrobd Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: General Keywords:
Focuses: Cc:

Description

RTL css loading font family upon using server side render component in gutenblock

.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    font-family: initial;
    font-weight: 600;
}

which is overriding default font

Change History (2)

#1 @iamadisingh
4 months ago

Hey I am not able to font-family: initial; rule in core.

The RTL CSS in core sets headings as follows:

.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6 {
    font-family: Arial, sans-serif;
    font-weight: 600;
}

Are you using any custom plugins or themes that might be adding or overriding this CSS? Any additional details or steps to reproduce would be helpful. Thank you!

#2 @pyrobd
4 months ago

Yes using some plugins but it the issue is happening because of this

const { serverSideRender: ServerSideRender = wp.components.ServerSideRender }=wp;

Any plugin using this component in their is should have this issue .

Last edited 4 months ago by pyrobd (previous) (diff)
Note: See TracTickets for help on using tickets.