Summernote Font Has Changed?

Wappler General Need Help
1

I have used Summernote in my dashboard since it was originally built and the font displayed in the editor was always the same font as the paragraph tags on the page.

For some reason the editor is now displaying a completely different font and I have not changed anything. I'd like it to show the actual font in the editor so staff no the font is correct.

What do I have to do to assign a specific font to the editor?

2

Solved. Added the below to the CSS file.

.note-editor .note-editable,
.note-editor .note-editable * {
  font-family: var(--bs-body-font-family) !important;
  font-size: var(--bs-body-font-size) !important;
  font-weight: var(--bs-body-font-weight) !important;
  color: var(--bs-body-color) !important;
  background: transparent;
  line-height: var(--bs-body-line-height, 1.5) !important;
}
1 Like