[css-fonts-4] Keywords inside local() are an error, #8187

Author: svgeesus

css-fonts-4/Overview.bs

@@ -2708,14 +2708,20 @@ or font format.
 	within a larger family.
 	The name can optionally be enclosed in quotes.
 	If unquoted,
-	the unquoted font family name processing conventions apply;
+	the <a href="#family-name-syntax">unquoted font family name processing conventions</a> apply;
+	in other words,
 	the name must be a sequence of identifiers
 	separated by <a href="https://www.w3.org/TR/css3-syntax/#whitespace">whitespace</a>
 	which is converted to a string
 	by joining the identifiers together
-	separated by a single space.
+	separated by a single space;
+	and thus,
+	<a>CSS-wide keywords</a> such as ''inherit'', and
+	<<generic-family>> keywords such as ''serif''
+	are not allowed inside <code>local()</code>.
 
-	<pre>
+
+	<pre  class="lang-css">
 		/* regular face of Gentium */
 		@font-face {
 		font-family: MyGentium;
@@ -2724,6 +2730,17 @@ or font format.
 		}
 	</pre>
 
+	<div class="invalid example">
+	For example, this use of <code>local()</code> would be an error:
+
+		<pre class="lang-css">
+			@font-face { 
+				font-family: foo; 
+				src: local(inherit);
+			}
+		</pre>
+	</div>
+
 	For OpenType and TrueType fonts,
 	this string is used to match only the Postscript name
 	or the full font name