diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-cursive.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-cursive.html
new file mode 100644
index 00000000000000..1d9851091d903c
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-cursive.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#valdef-font-family-math">
+    <link rel="assert" href="'font-family: cursive' uses cursive font family from internal settings.">
+    <link rel="match" href="font-family-ref.html"/>
+    <script>
+      if (window.internals)
+        internals.settings.setCursiveFontFamily("Ahem", "Zyyy");
+    </script>
+  </head>
+  <body>
+    <div style="font-family: monospace">
+      <div style="font: 25px/1 cursive">A</div>
+    </div>
+  </body>
+</html>
diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-fantasy.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-fantasy.html
new file mode 100644
index 00000000000000..5d23dc7f737bf8
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-fantasy.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#valdef-font-family-math">
+    <link rel="assert" href="'font-family: fantasy' uses fantasy font family from internal settings.">
+    <link rel="match" href="font-family-ref.html"/>
+    <script>
+      if (window.internals)
+        internals.settings.setFantasyFontFamily("Ahem", "Zyyy");
+    </script>
+  </head>
+  <body>
+    <div style="font-family: monospace">
+      <div style="font: 25px/1 fantasy">A</div>
+    </div>
+  </body>
+</html>
diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-monospace.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-monospace.html
new file mode 100644
index 00000000000000..786c7825739d0e
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-monospace.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#valdef-font-family-math">
+    <link rel="assert" href="'font-family: monospace' uses fixed font family from internal settings.">
+    <link rel="match" href="font-family-ref.html"/>
+    <script>
+      if (window.internals)
+        internals.settings.setFixedFontFamily("Ahem", "Zyyy");
+    </script>
+  </head>
+  <body>
+    <div style="font-family: sans-serif">
+      <div style="font: 25px/1 monospace">A</div>
+    </div>
+  </body>
+</html>
diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-ref.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-ref.html
new file mode 100644
index 00000000000000..e07df79c56341b
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+  </head>
+  <body>
+    <div style="font-family: monospace">
+      <div style="font: 25px/1 Ahem">B</div>
+    </div>
+  </body>
+</html>
diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-sans-serif.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-sans-serif.html
new file mode 100644
index 00000000000000..f77e060951a478
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-sans-serif.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#valdef-font-family-math">
+    <link rel="assert" href="'font-family: sans-serif' uses sans-serif font family from internal settings.">
+    <link rel="match" href="font-family-ref.html"/>
+    <script>
+      if (window.internals)
+        internals.settings.setSansSerifFontFamily("Ahem", "Zyyy");
+    </script>
+  </head>
+  <body>
+    <div style="font-family: monospace">
+      <div style="font: 25px/1 sans-serif">A</div>
+    </div>
+  </body>
+</html>
diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-serif.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-serif.html
new file mode 100644
index 00000000000000..a583f236f28af7
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-serif.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#valdef-font-family-math">
+    <link rel="assert" href="'font-family: serif' uses serif font family from inyternal settings.">
+    <link rel="match" href="font-family-ref.html"/>
+    <script>
+      if (window.internals)
+        internals.settings.setSerifFontFamily("Ahem", "Zyyy");
+    </script>
+  </head>
+  <body>
+    <div style="font-family: monospace">
+      <div style="font: 25px/1 serif">A</div>
+    </div>
+  </body>
+</html>
diff --git a/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-standard.html b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-standard.html
new file mode 100644
index 00000000000000..67a04cb1682279
--- /dev/null
+++ b/third_party/blink/web_tests/wpt_internal/css/css-fonts/generic-families/font-family-standard.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#valdef-font-family-math">
+    <link rel="assert" href="'font-family: initial' uses standard font family from internal settings.">
+    <link rel="match" href="font-family-ref.html"/>
+    <script>
+      if (window.internals)
+        internals.settings.setStandardFontFamily("Ahem", "Zyyy");
+    </script>
+  </head>
+  <body>
+    <div style="font-family: monospace">
+      <div style="font-size: 25px; line-height: 1; font-family: initial">A</div>
+    </div>
+  </body>
+</html>
