The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
The theme applies font-weight: 700; to functions. However the corresponding files from Google Fonts (Inconsolota) are not loaded, resulting in the browser applying a faux bold. This issue is especially apparent on Safari where you can see the spacing being off:
Don’t mind the weird code formatting, it’s for a business card 🙃
Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.
p5.js version
v1.10.0
What is your operating system?
Mac OS
Web browser and version
No response
Actual Behavior
The theme applies
font-weight: 700;
to functions. However the corresponding files from Google Fonts (Inconsolota) are not loaded, resulting in the browser applying a faux bold. This issue is especially apparent on Safari where you can see the spacing being off:Don’t mind the weird code formatting, it’s for a business card 🙃
Expected Behavior
The fix is to change server/views/index.js#L15 to:
Another fix could be to not change the font-weight of functions
Steps to reproduce
(no steps needed)