diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-fonts/format-specifiers-variations.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-fonts/format-specifiers-variations.txt
new file mode 100644
index 00000000000..fb320e64002
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-fonts/format-specifiers-variations.txt
@@ -0,0 +1,54 @@
+Harness status: OK
+
+Found 48 tests
+
+44 Pass
+4 Fail
+Pass	Load Ahem with format woff
+Pass	Load Ahem with format truetype
+Pass	Load Ahem with format opentype
+Pass	Load Ahem with format woff2
+Fail	Load Ahem with format woff-variations
+Fail	Load Ahem with format truetype-variations
+Fail	Load Ahem with format opentype-variations
+Fail	Load Ahem with format woff2-variations
+Pass	Do not load Ahem with format xyzwoff
+Pass	Do not load Ahem with format xyztruetype
+Pass	Do not load Ahem with format xyzopentype
+Pass	Do not load Ahem with format xyzwoff2
+Pass	Do not load Ahem with format xyzwoff-variations
+Pass	Do not load Ahem with format xyztruetype-variations
+Pass	Do not load Ahem with format xyzopentype-variations
+Pass	Do not load Ahem with format xyzwoff2-variations
+Pass	Do not load Ahem with format woffxyz
+Pass	Do not load Ahem with format truetypexyz
+Pass	Do not load Ahem with format opentypexyz
+Pass	Do not load Ahem with format woff2xyz
+Pass	Do not load Ahem with format woff-variationsxyz
+Pass	Do not load Ahem with format truetype-variationsxyz
+Pass	Do not load Ahem with format opentype-variationsxyz
+Pass	Do not load Ahem with format woff2-variationsxyz
+Pass	Do not load Ahem with format wo
+Pass	Do not load Ahem with format truety
+Pass	Do not load Ahem with format openty
+Pass	Do not load Ahem with format wof
+Pass	Do not load Ahem with format woff-variatio
+Pass	Do not load Ahem with format truetype-variatio
+Pass	Do not load Ahem with format opentype-variatio
+Pass	Do not load Ahem with format woff2-variatio
+Pass	Do not load Ahem with format ff
+Pass	Do not load Ahem with format uetype
+Pass	Do not load Ahem with format entype
+Pass	Do not load Ahem with format ff2
+Pass	Do not load Ahem with format ff-variations
+Pass	Do not load Ahem with format uetype-variations
+Pass	Do not load Ahem with format entype-variations
+Pass	Do not load Ahem with format ff2-variations
+Pass	Do not load Ahem with format wff
+Pass	Do not load Ahem with format tretype
+Pass	Do not load Ahem with format opntype
+Pass	Do not load Ahem with format wff2
+Pass	Do not load Ahem with format woff-ariations
+Pass	Do not load Ahem with format truetye-variations
+Pass	Do not load Ahem with format opentye-variations
+Pass	Do not load Ahem with format woff2variations
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/input/wpt-import/css/css-fonts/format-specifiers-variations.html b/Tests/LibWeb/Text/input/wpt-import/css/css-fonts/format-specifiers-variations.html
new file mode 100644
index 00000000000..5f7a0b82467
--- /dev/null
+++ b/Tests/LibWeb/Text/input/wpt-import/css/css-fonts/format-specifiers-variations.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>CSS Test: Supported format specifiers should load</title>
+<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#src-desc"/>
+<meta name="assert" content="Supported format specifiers should load"/>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script src="../../resources/testharness.js"></script>
+<script src="../../resources/testharnessreport.js"></script>
+</head>
+<body>
+<script>
+setup({
+    explicit_done: true
+});
+
+var formatSpecifiers = [
+    "woff",
+    "truetype",
+    "opentype",
+    "woff2",
+    "woff-variations",
+    "truetype-variations",
+    "opentype-variations",
+    "woff2-variations"
+];
+
+var defaultAhemSrc = 'url("../../fonts/Ahem.ttf") format("INSERT_FORMAT")';
+
+function runTestOnFormatSpecifiers(formats, expectFail) {
+    for (var i = 0; i < formats.length; ++i) {
+        promise_test((testDetails) => {
+            var familyName = "load_ahem_" + i;
+            var ahemSrcFormat = defaultAhemSrc.replace("INSERT_FORMAT", testDetails.properties.format);
+            var fontFace = new FontFace(familyName, ahemSrcFormat);
+            if (!expectFail) {
+                return fontFace.load();
+            } else {
+                return promise_rejects_dom(testDetails, "SyntaxError", fontFace.load());
+            }
+        }, (expectFail ? "Do not load" : "Load") + " Ahem with format " + formats[i], {
+            "format": formats[i]
+        });
+    }
+}
+
+runTestOnFormatSpecifiers(formatSpecifiers, false);
+runTestOnFormatSpecifiers(formatSpecifiers.map(x => "xyz" + x), true);
+runTestOnFormatSpecifiers(formatSpecifiers.map(x => x + "xyz"), true);
+runTestOnFormatSpecifiers(formatSpecifiers.map(x => x.slice(0, -2)), true);
+runTestOnFormatSpecifiers(formatSpecifiers.map(x => x.slice(2)), true);
+runTestOnFormatSpecifiers(formatSpecifiers.map(x => x.slice(0, x.length / 3) + x.slice(x.length / 3 + 1)), true);
+
+done();
+</script>
+</body>
+</html>
