[css-fonts-4] Add more generics samples #8128

css-fonts-4/Overview.bs

@@ -629,6 +629,11 @@ Generic font families</h4>
 			Note: ''generic(fangsong)'' might not map to any locally installed font,
 			but if it does, that font will be in Fang Song style.
 
+			<figure>
+				<img style="width:75vw" alt="" src="images/fangsong.svg">
+				<figcaption>Chinese text displayed with sample fang song fonts</figcaption>
+			</figure>
+
 		<dt id="generic(kai)-def"><dfn>generic(kai)</dfn>
 		<dd>
 			This font family is used in
@@ -644,6 +649,11 @@ Generic font families</h4>
 
 			Note: ''generic(kai)'' might not map to any locally installed font,
 			but if it does, that font will be in Kai style.
+
+			<figure>
+				<img style="width:75vw" alt="" src="images/kaiti.svg">
+				<figcaption>Chinese text displayed with sample kai fonts</figcaption>
+			</figure>
 		</dd>
 
 		<dt id="generic(nastaliq)-def"><dfn>generic(nastaliq)</dfn>
@@ -661,12 +671,12 @@ Generic font families</h4>
 			but if it does, that font will be in Nastaliq style.
 
 			<figure>
-				<img style="width:40vw" alt="السلام علیکم" src="images/urdu-nastaliq.svg">
+				<img style="width:25vw" alt="السلام علیکم" src="images/urdu-nastaliq.svg">
 				<figcaption>Urdu text displayed with a sample nastaliq font (Noto Nastaliq Urdu)</figcaption>
 			</figure>
 
 			<figure>
-				<img style="width:40vw" alt="السلام علیکم" src="images/urdu-naskh.svg">
+				<img style="width:25vw" alt="السلام علیکم" src="images/urdu-naskh.svg">
 				<figcaption>Urdu text displayed with a fallback naskh font (Scheherazade New)</figcaption>
 			</figure>