Skip to content

How to load custom fonts to p5.js web editor

Jump to bottom
BerfinA edited this page Aug 14, 2019 · 1 revision

How to load custom font to p5 web editor

Log in to your p5.js web editor account.

Screen Shot 2019-08-14 at 3 32 35 PM

Click on the arrow next to sketch.js(circled in red).

Screen Shot 2019-08-14 at 3 32 43 PM

Click on the arrow next to the Sketch Files > Add file

Screen Shot 2019-08-14 at 3 32 54 PM

Drag and drop your font files into the add file window. After it is done loading your font, you should see your font file on the left column under Sketch files.

Screen Shot 2019-08-14 at 3 33 42 PM

Now you can go ahead and draw with the font you loaded!

Screen Shot 2019-08-14 at 3 33 50 PM

For instructions on how to draw with font please go to the reference page of p5.js and see instructions on loadFont().

https://p5js.org/

If you would like to edit this wiki and don't already have edit access, please open an issue or comment on an existing one noting the wiki page you'd like to edit. You will then be added as a repository contributor with edit access.

Clone this wiki locally