Is there any way to add custom font family to editor Html

[prathasaxena]

@stulip
I have been trying to add a custom font family to editor html:
I added jf-flat-regular-webfont.woff, jf-flat-regular-webfont.woff2 files parallel to the editor file.

then i added the custom fonts in the html

finally I applied the font in
contentCSSText: font-size: 45px; min-height: 200px; height: 100%; font-family:'jf_flatregular'; , // initial valid
};

but the changes did not reflect.

[vinivitin]

@prathasaxena Did you find a solution?

[prathasaxena]

@prathasaxena Did you find a solution?

I used this, for some reasons it was not accessing local files.

[vinivitin]

Okay, thanks)

[FloMueh]

Hey Guys, i made a fork of this repo and added the needed functionality.

BTW you can use local fonts but you have to convert them, i use https://transfonter.org/ for this.

best regards :)

[jakehasler]

I've got an MR to provide more context on using custom fonts.

Check it out if you're lost like I was: #241

[MostafaHamdy3]

I found the missing part, src that exists in style.css

I need help

I upload Tajawal-Medium to the transformer

Then, download convert files and extract them then create stylesheet.js

const FontFamilyStylesheet = `
  @font-face {
    font-family: 'Tajawal';
    font-weight: 500;
    font-style: normal;
  }
`;


export default FontFamilyStylesheet;

Then, inside RichEditor write this

         editorStyle={{
              backgroundColor: uiColors.backgroundScreen,
              color: uiColors.textColor2,
              placeholderColor: uiColors.textColor19,
              contentCSSText: `font-family: Tajawal; font-size: 18px; text-align: right; direction: rtl;`,
              initialCSSText: `${FontFamilyStylesheet}`,
            }}
            

But the custom fonts don't apply!!