Remove canvas style attribute update when changing font weight

[davepagurek]

Resolves #8732

Changes

Previously, in addition to changing ctx.font, we would set canvas.style['font-variation-settings'] to set the font weight. This used to be necessary to get all browsers to do variable font weight. However, this CSS update causes a relayout on the page each time you change it, which can be quite costly when doing it many times per frame.

That was set up in late 2024. Testing now, in 2026, it seems like neither Chrome nor Firefox has problems without this CSS update. We previously took it out for Safari, as it was actively messing up its rendering. It looks like now we can just take it out for everyone.

This now gets me 60fps on both Chrome and Safari.

Live: https://editor.p5js.org/davepagurek/sketches/JFCOpYLg9

PR Checklist

• npm run lint passes
• Inline reference is included / updated
• Unit tests are included / updated

[p5-bot]

Continuous Release

CDN link

• https://raw.esm.sh/pr/p5@00c9214/lib/p5.min.js

Published Packages

• https://pkg.pr.new/p5@00c9214

Commit hash: ce973e2

Previous deployments

549b44a

• https://raw.esm.sh/pr/p5@2ad3810/lib/p5.min.js
• https://pkg.pr.new/p5@2ad3810

---

This is an automated message.

[davepagurek]

@Qianqianye does work for you on your test sketch?

[davepagurek]

I'm going to merge this one in for now since it's at least an improvement, but we can definitely open more PRs if we see more cases that we can improve upon further.