Hello, for some reason I want to import a font from Google Fonts as webfont to avoid using loadFont(); I insert the font link into index.html and in my style.css : @font-face {font-family : "myFont" } In sketch.js, I go with : textFont('myFont'); text('hello', width/2, height/2); It works. …

textToPixels() is a method from class p5.Font . So we need loadFont() in order to get a p5.Font . For that we need to find out the actual URL for a font’s file.

How to store a web font into variable? How to reference to the web font imported as css @font-face?

p5.js Coding Questions

WaningJupiter July 18, 2023, 4:39pm 3

so i should’ve used the localfont anyway …
Thanks for the answer.

Topic		Replies	Views
Using textToPoints() with an already loaded font Coding Questions	3	743	December 27, 2019
Font from Adobe Font Library Beginners	2	1024	September 7, 2019
New and totally stuck on including sketch with WEBGL font into an HTML page Coding Questions	1	313	April 1, 2020
How to use Google fonts in P5JS online editor Coding Questions	9	10844	January 26, 2019
Variable font in processing Coding Questions	0	1279	May 9, 2019

How to store a web font into variable? How to reference to the web font imported as css @font-face?

Related topics