question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

@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. image

then i added the custom fonts in the html Screenshot 2020-07-31 at 6 04 17 PM

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.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
jakehaslercommented, Apr 21, 2022

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

Check it out if you’re lost like I was: https://github.com/wxik/react-native-rich-editor/pull/241

1reaction
FloMuehcommented, Jan 13, 2021

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 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Load and Use Custom Fonts with CSS | DigitalOcean
html , then open styles. css in your text editor. You can use the @font-face rule to load a custom font on a...
Read more >
The Easy Way to Add Fonts to Your Website (Including ...
How to add custom fonts to your website using @font-face · Step 1: Download the font · Step 2: Create a WebFont Kit...
Read more >
How do I install a custom font on an HTML site - Stack Overflow
Yes, you can use the CSS feature named @font-face. It has only been officially approved in CSS3, but been proposed and implemented in...
Read more >
Adding Custom Fonts to HTML Documents - PSPDFKit
Open the index.html file in your preferred code editor to follow along. If you have them defined, you can of course replace the...
Read more >
How to Setup Custom Fonts with CSS & @font-face
Step 1: Get all the font files you need for cross-browser support; Step 2: Add the font files to your project; Step 3:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found