How to change the font for Gutenberg editor?

LazyBit replied

5 years ago

Customer Reply

Fast and perfect fix, thank you for your great support.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

I've edited your site. The problem because your "Open Sans" not installed on your PC.

Regards,
PenciDesign.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance > Theme Editor, Select theme to edit: Soledad, then points to:

inc/gutenberg/style.css

Find line 9 with content:

.wp-block,
.editor-styles-wrapper, .wp-block p,
.editor-styles-wrapper p.wp-block-paragraph,
.editor-styles-wrapper p.block-library-list,
.editor-styles-wrapper .mce-content-body p {
    font-family: 'PT Serif', serif;
    color: #313131;
    font-size: 14px;
}

Change font-family properties to your font, for example:

.wp-block,
.editor-styles-wrapper, .wp-block p,
.editor-styles-wrapper p.wp-block-paragraph,
.editor-styles-wrapper p.block-library-list,
.editor-styles-wrapper .mce-content-body p {
    font-family: 'Open Sans', serif;
    color: #313131;
    font-size: 14px;
}

Regards,
PenciDesign.

LazyBit started the conversation

5 years ago

Conversation Start

Hi dev,

Any way to change the font for Gutenberg editor? Please check.

I would like it to be the same as font for body text. Please check.