jspaint icon indicating copy to clipboard operation
jspaint copied to clipboard

Add Custom Font Support

Open hancanban opened this issue 5 years ago • 7 comments
trafficstars

Add Custom Fonts To jspaint.app

hancanban avatar Dec 30 '19 23:12 hancanban

Previously jspaint had support for detecting all system fonts, but this worked via the Flash plugin, and that's being phased out of browsers.

Would you be happy with a generally increased selection of fonts, such as from Google Fonts? Or do you want to load specific individual fonts that aren't necessarily on there? Like, would you be more interested in the ability to drag and drop a font file into the app to use?

1j01 avatar Jan 03 '20 14:01 1j01

That's What I Mean

hancanban avatar Jan 06 '20 17:01 hancanban

Which one? (or both / either?)

  • More variety in font selector by default
  • Loading specific font files from your computer

1j01 avatar Jan 07 '20 03:01 1j01

hi @1j01 , any plans for this? would be nice to be able to upload a ttf and use that :)

oguzyildizz avatar May 04 '21 23:05 oguzyildizz

It shouldn't be too hard, but I have lots of other things to work on, so I don't know when I might get around to it. In the meantime, if you want to use custom fonts, you can use Photopea, an advanced free online image editor.

1j01 avatar May 06 '21 17:05 1j01

thanks!

oguzyildizz avatar May 06 '21 20:05 oguzyildizz

There is an upcoming API for listing local fonts: https://wicg.github.io/local-font-access/

1j01 avatar Mar 26 '22 03:03 1j01

I've added Local Font Access API support in https://github.com/1j01/jspaint/commit/8d3543946b8cabde3c16b02f76b6a8d4ad895678. You can now use any installed fonts in JS Paint! You just have to click Allow when switching to the Text tool. This is supported in Chrome and Edge currently.

screenshot of font access permissions popup

1j01 avatar Jan 27 '24 04:01 1j01

Great! I’m happy to see this implemented.

ps.. JsPaint is really cool, thanks for making this software!

hancanban avatar Jan 27 '24 04:01 hancanban