CanvasRenderingContext2D.fontStretch - make live example work

[hamishwillee]

Fixes #20208

@Elchi3 and @bsmth - got font stretch working for rendering text.

The trick was knowing that I was working with a font that contained variable font information "for sure". Once I had that, I was able to realize the FontFace name for the font was wrong.

I have split up the example so that there is more explanation of the relevant code.

[github-actions[bot]]

Preview URLs

• /en-US/docs/Web/API/CanvasRenderingContext2D/fontStretch

External URLs

URL: /en-US/docs/Web/API/CanvasRenderingContext2D/fontStretch Title: CanvasRenderingContext2D.fontStretch

• https://fonts.google.com/specimen/Inconsolata/tester (1 time) (Note! This may be a new URL 👀)

(this comment was updated 2022-09-20 07:06:42.239339)