Broaden definition of narrow screenshots

Author: davepagurek

test/unit/visual/cases/typography.js

@@ -56,22 +56,10 @@ visualSuite("Typography", function () {
     });
 
     visualTest('with a directly set font string', async function (p5, screenshot) {
-      const link = document.createElement('link');
-      link.id = 'font';
-      link.href = 'https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap';
-      link.rel = 'stylesheet';
-      document.head.appendChild(link);
-      try {
-        await document.fonts.ready;
-        await new Promise((res) => setTimeout(res, 500))
-
-        p5.createCanvas(100, 100);
-        p5.textFont(`italic bold 32px "EB Garamond"`);
-        p5.text('p5*js', 0, 10, p5.width);
-        screenshot();
-      } finally {
-        document.head.removeChild(link);
-      }
+      p5.createCanvas(100, 100);
+      p5.textFont(`italic bold 32px serif`);
+      p5.text('p5*js', 0, 10, p5.width);
+      screenshot();
     });
 
     visualTest('with a font file in WebGL', async function (p5, screenshot) {

test/unit/visual/screenshots/Typography/textFont/with a directly set font string/000.png

@@ -86,7 +86,7 @@ export async function checkMatch(actual, expected, p5) {
   // Long screenshots end up super tiny when fit to a small square, so we
   // can double the max side length for these
   const ratio = expected.width / expected.height;
-  const narrow = ratio < 0.5 || ratio > 2;
+  const narrow = ratio !== 1;
   if (narrow) {
     scale *= 2;
   }