Шрифты ReactQuill по умолчанию (без засечек, без засечек и без пробелов) не работают

#react-quill

Вопрос:

У меня есть этот компонент react, и я пытаюсь изменить шрифт текста, но это не имеет эффекта.

Это мой компонент:

 <ReactQuill
  theme="snow"
  value={value}
  onChange={onChange}
  modules={QuillEditorControlled.modules}
  //   formats={QuillEditorControlled.formats}
/>
 

Это мои модули JSON:

 {
  toolbar: [
    // [{ header: [1, 2, 3, 4, 5, 6, false] }],
    [{ font: [] }], // fonts
    [{ size: ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px"] }], // custom dropdown
    ["bold", "italic", "underline", "strike", "clean"], // toggled buttons
    [
      { list: "ordered" },
      { list: "bullet" },
      { indent: "-1" }, // outdent
      { indent: " 1" }, // indent
      { align: [] }, // text alignment
    ],

    [
      //   { direction: "rtl" }, // text direction
      { script: "super" }, // superscript
      { script: "sub" }, //subscript
    ],
    [
      { color: [] }, // font color
      { background: [] }, // font background color
    ],
    ["link", "image"],
  ],
}
 

Вот как выглядит компонент:

введите описание изображения здесь

Комментарии:

1. Удалось ли вам решить эту проблему? Тоже самое…

2. Вы должны добавить глобальные стили для шрифтов по умолчанию