Default selected font issue for custom font in the Typography.

Question

There is one font issue when i click on any element it not show the current font of the element, i added custom code for add my custom fonts. code work perfectly but it not show the selected font by default when i select an paragraph or any text.

jrking4 · Accepted Answer

I ended up using something like the following to have Lato as a custom font and set it as my default font: this way Lato is checked by default. And of course have the body CSS declare it as your default font as well.

artf · Answer

The problem here is the computed font of the selected component. You need to have that computed font inside your list otherwise you won't see it. As already suggested by @jrking4 you can set your default font-family to the body

deviserops · Answer

i found the answer : you have to add your font in single or double quotes otherwise it wont detect the font like this because we write font in our css like : font-family: 'Oswald' html in browse auto convert single quotes to double quotes, when the font match with html and included font in JS it will show in the drop down but some font like Lato is not detect so and this font in browser appear like : font -family : Lato , without single quotes so i wrote this font only double quotes. and other...

Default selected font issue for custom font in the Typography.

Question

Answers (3)

Related Questions and Answers

I have added the custom font using the method below but that font is only working in few cases

[Question]: How do I add a custom font in the Typography | Font dropdown?

Enable the default RTE with a custom function

Insert Text at cursor position inside text

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories