Fix tiny pixels differ around 'P' on Win

This patch fixes test failures because of tiny pixels differ around 'P' by specifying ahem font

Differential Revision: https://phabricator.services.mozilla.com/D195752

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1868364
gecko-commit: 19ac5fd6eb5db83cc867576e87173e24f2d5143b
gecko-reviewers: cathiechen

Author: jihyerish

css/css-contain/content-visibility/content-visibility-075-ref.html

@@ -4,7 +4,7 @@
 <title>CSS Content Visibility: auto + scrollIntoView/fragment nav when size estimate is off (reference)</title>
 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
@@ -18,6 +18,7 @@
 #target {
   position: absolute;
   bottom: 0;
+  font: 25px/1 Ahem;
 }
 </style>
 

css/css-contain/content-visibility/content-visibility-075.html

@@ -6,7 +6,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <link rel="match" href="content-visibility-075-ref.html">
 <meta name="assert" content="With content-visibility: auto, scrollIntoView targets the right element">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
@@ -21,6 +21,7 @@
 #target {
   position: absolute;
   bottom: 0;
+  font: 25px/1 Ahem;
 }
 .before_target {
   height: 40000px;

css/css-contain/content-visibility/content-visibility-076.html

@@ -6,7 +6,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <link rel="match" href="content-visibility-075-ref.html">
 <meta name="assert" content="With content-visibility: auto, fragment navigation targets the right element">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
@@ -21,6 +21,7 @@
 #target {
   position: absolute;
   bottom: 0;
+  font: 25px/1 Ahem;
 }
 .before_target {
   height: 40000px;

css/css-contain/content-visibility/content-visibility-079-ref.html

@@ -4,6 +4,11 @@
 <title>CSS Content Visibility: auto in overflow hidden paints (reference)</title>
 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
-
-<p>Test passes if you see the word “PASS” below.
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+ div {
+  font: 25px/1 Ahem;
+ }
+</style>
+<p>Test passes if you see a black rectangle below.
 <div>PASS</div>

css/css-contain/content-visibility/content-visibility-079.html

@@ -5,13 +5,16 @@
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <link rel="match" href="content-visibility-079-ref.html">
 <meta name="assert" content="content-visibility auto element paints in an overflow hidden element that is not sized">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <style>
-.auto { content-visibility: auto; }
+.auto {
+ content-visibility: auto;
+ font: 25px/1 Ahem;
+}
 .overflow { overflow: hidden; }
 </style>
 
-<p>Test passes if you see the word “PASS” below.
+<p>Test passes if you see a black rectangle below.
 <div class=overflow>
   <div class=auto>PASS</div>
 </div>

css/css-contain/content-visibility/content-visibility-vs-scrollIntoView-001-ref.html

@@ -5,7 +5,7 @@
 <link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <meta name="assert" content="Test if target scrollIntoView is visible when it is inside a nested content-visibility: auto">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
@@ -18,6 +18,7 @@
     #target {
         position: absolute;
         bottom: 0;
+        font: 25px/1 Ahem;
     }
 
     .before_target {

css/css-contain/content-visibility/content-visibility-vs-scrollIntoView-001.html

@@ -7,7 +7,7 @@
 <link rel="match" href="content-visibility-vs-scrollIntoView-001-ref.html">
 <meta name="assert"
     content="Test if target scrollIntoView is visible when it is inside a nested content-visibility: auto">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
@@ -24,6 +24,7 @@
     #target {
         position: absolute;
         bottom: 0;
+        font: 25px/1 Ahem;
     }
 
     .before_target {

css/css-contain/content-visibility/content-visibility-with-popover-top-layer-004.html

@@ -6,13 +6,14 @@
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <link rel="match" href="spacer-with-popover-top-layer-ref.html">
 <meta name="assert" content="top layer popovers render under c-v auto">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
 .box { width: 100px; height: 100px; border: 1px solid black; }
 .auto { content-visibility: auto }
 .spacer { width: 10px; height: 3000px; background: lightblue; }
+#popover { font: 25px/1 Ahem }
 </style>
 
 <div class=spacer></div>

css/css-contain/content-visibility/content-visibility-with-popover-top-layer-005.html

@@ -6,13 +6,14 @@
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <link rel="match" href="spacer-with-popover-top-layer-ref.html">
 <meta name="assert" content="top layer popovers render under c-v auto">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
 .box { width: 100px; height: 100px; border: 1px solid black; }
 .auto { content-visibility: auto }
 .spacer { width: 10px; height: 3000px; background: lightblue; }
+#popover { font: 25px/1 Ahem; }
 </style>
 
 <div class=spacer></div>

css/css-contain/content-visibility/content-visibility-with-top-layer-004.html

@@ -6,13 +6,14 @@
 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
 <link rel="match" href="spacer-with-top-layer-ref.html">
 <meta name="assert" content="top layer dialogs render under c-v auto">
-
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <script src="/common/reftest-wait.js"></script>
 
 <style>
 .box { width: 100px; height: 100px; border: 1px solid black; }
 .auto { content-visibility: auto }
 .spacer { width: 10px; height: 3000px; background: lightblue; }
+#dialog { font: 25px/1 Ahem; }
 </style>
 
 <div class=spacer></div>