[css-fonts-4 sort and reformat formats

Author: svgeesus

css-fonts-4/Overview.bs

@@ -2043,13 +2043,11 @@ Then each component value is parsed according to this grammar:
 <pre><<url>> [ format(<<font-format>>)]? [ technology( <<font-technology>>#)]? | local(<<font-face-name>>)</pre>
 
 <pre class="prod"><dfn id="font-format-values">&lt;font-format&gt;</dfn>
-	 = [<<string>> | woff | truetype | opentype
-	| woff2 | embedded-opentype | collection | svg]</pre>
+	 = [<<string>> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]</pre>
 
 <pre class="prod"><dfn id="font-technology-values">&lt;font-technology&gt;</dfn>
-	 = <<font-feature-technology>> | variations
-	| <<color-font-technology>> | palettes
-	| incremental ]</pre>
+	 = <<font-feature-technology>> | <<color-font-technology>>
+		| variations | palettes | incremental ]</pre>
 
 <pre class="prod"><dfn id="font-feature-technology-values">&lt;font-feature-technology&gt;</dfn>
 	= [feature-opentype | feature-aat | feature-graphite]</pre>
@@ -2058,7 +2056,9 @@ Then each component value is parsed according to this grammar:
 	= [color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]</pre>
 
 If a component value is parsed correctly
-and is of a font format or font technology that the UA supports,
+and is of a <a href="#font-format-definitions">font format</a> or
+<a href="#font-technology-definitions">font technology</a>
+that the UA supports,
 add it to the list of supported sources.
 If parsing a component value results in a parsing error
 or its format or technology are unsupported,