Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

How to load custom fonts to p5.js web editor

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().

Clone this wiki locally

AltStyle によって変換されたページ (->オリジナル) /