Bug 1413836 - Use Ahem font to avoid antialiased fringe for focus-pseudo-on-shadow-host-2.html r=dholbert

When the `FAIL` text goes away, there could be some antialiased fringe left which caused the test to fail. Use Ahem font to reduce likelihood of this happening again. Depends on D124067 Differential Revision: https://phabricator.services.mozilla.com/D124423
2021-09-07 15:01:37 +00:00 · 2021-09-07 15:01:37 +00:00 · edd32c24fc
--- a/testing/web-platform/tests/shadow-dom/focus/focus-pseudo-on-shadow-host-2.html
+++ b/testing/web-platform/tests/shadow-dom/focus/focus-pseudo-on-shadow-host-2.html
@ -6,13 +6,14 @@
 <link rel="help" href="https://html.spec.whatwg.org/#element-has-the-focus">
 <link rel="help=" href="https://bugs.webkit.org/show_bug.cgi?id=202432">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square.xht">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
 </head>
 <body>
 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 <div id="host"><span>FAIL</span></div>
 <style>
 #host { background: green; width: 100px; height: 100px; }
-#host span { background: red; }
+#host span { background: red; font: 10px/1 Ahem; }
 #host:focus span { background: green; color: green; }
 </style>
 <script>