2x scaling factor

[dfabulich]

Apropos #4

I'm not sure we'd want to merge this as-is, but I think it demonstrates directionally how a scaling factor could work.

In the first commit, in order to be able to specify a font size, we have to adopt a non-default font. (This is filed as https://gitlab.com/DavidGriffith/frotz/-/issues/286.) I've downloaded Roboto for the text font and Roboto Mono for the fixed font. We preload the .ttf files in the preamble, along with sfrotz.rc, a configuration file that instructs sfrotz which fonts (and what font sizes to use).

Note that even though sfrotz uses 14pt font by default, Roboto Mono is slightly larger than sfrotz's default monospace font, and so we have to use an 11pt fixed font in order to fit in the Zork Zero banner.

In the second commit, once we've got the fonts loaded up, we can apply a simple 2x scaling factor to the game's width/height, font sizes, and the Infocom V6 Scaling factor. The result is a 1280x800 canvas with Roboto fonts. The result looks way better on my desktop screen.

I wonder if we'd want to generate the sfrotz.rc file at runtime, based on screen.width (and perhaps incorparate window.devicePixelRatio). 🤔

I didn't do any testing of mobile clickability, because mobile clickability seems to be completely broken, perhaps related to issue #13.

[curiousdannii]

Very interesting! I'll take a look at this when I have the time.