diff --git a/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1-ref.html b/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1-ref.html
index 8d77455c4dbb6..9cfcb247afef5 100644
--- a/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1-ref.html
+++ b/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1-ref.html
@@ -2,11 +2,13 @@
 <meta charset="utf-8">
 <title>CSS text decoration test: emphasis marks and punctuation</title>
 
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
 <style>
+.ahem { font-family: Ahem; }
 span { text-emphasis: filled circle; }
 </style>
 
 <p>The punctuation should <b>not</b> have emphasis marks:</p>
-<p><span>Abc</span> (<span>def</span>) <span>gh</span>? <span>Ijk</span>.
+<p class="ahem"><span>Abc</span> (<span>def</span>) <span>gh</span>? <span>Ijk</span>.
 <span>Lm</span>, <span>n</span>-<span>op</span>!
 [<span>Qrst</span>…<span>uv</span>] <span>wx</span>/<span>yz</span>.</p>
diff --git a/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1.html b/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1.html
index f965566c0d710..e34e66007f779 100644
--- a/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1.html
+++ b/testing/web-platform/tests/css/css-text-decor/text-emphasis-punctuation-1.html
@@ -5,8 +5,9 @@
 <link rel="help" href="https://drafts.csswg.org/css-text-decor/#text-emphasis-style-property">
 <meta name="assert" content="emphasis marks are not drawn for punctuation (with a small set of exceptions)">
 
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
 <style>
-.emph { text-emphasis: filled circle; }
+.emph { text-emphasis: filled circle; font-family: Ahem; }
 </style>
 
 <p>The punctuation should <b>not</b> have emphasis marks:</p>