[css-fonts-3] fix #2307 with code tage

Author: svgeesus

css-fonts-3/Fonts.src.html

@@ -915,7 +915,7 @@ <h3 id="font-size-prop">Font size: the <a href="#propdef-font-size">font-size</a
 font. For scalable fonts, the font-size is a scale factor applied to the EM unit
 of the font. (Note that certain glyphs may bleed outside their EM box.) For
 non-scalable fonts, the font-size is converted into absolute units and matched
-against the declared font-size of the font, using the same absolute coordinate
+against the declared 'font-size' of the font, using the same absolute coordinate
 space for both of the matched values.
 Values have the following meanings:</p>
 
@@ -925,15 +925,15 @@ <h3 id="font-size-prop">Font size: the <a href="#propdef-font-size">font-size</a
 in a table of font sizes computed and kept by the user agent. Possible values
 are:
 
-    <p> [ xx-small | x-small | small | medium | large | x-large | xx-large ]</p>
+    <p><code> [ xx-small | x-small | small | medium | large | x-large | xx-large ]</code></p>
 
     <dt><dfn id="relative-size-value"><var>&lt;relative-size&gt;</var></dfn>
 
     <dd> A <var>&lt;relative-size&gt;</var> keyword is interpreted
     relative to the table of font sizes and the computed 'font-size' of the
     parent element. Possible values are:
 
-    <p> [ larger | smaller ]
+    <p><code> [ larger | smaller ]</code>
 
     <p> For example, if the parent element has a font size of
     'medium', a value of 'larger' will make the font size of the
@@ -962,13 +962,13 @@ <h3 id="font-size-prop">Font size: the <a href="#propdef-font-size">font-size</a
 <table class="data">
 <thead>
   <th>CSS absolute-size values</th>
-  <th>xx-small</td>
-  <th>x-small</td>
-  <th>small</td>
-  <th>medium</td>
-  <th>large</td>
-  <th>x-large</td>
-  <th>xx-large</td>
+  <th><code>xx-small</code></td>
+  <th><code>x-small</code></td>
+  <th><code>small</code></td>
+  <th><code>medium</code></td>
+  <th><code>large</code></td>
+  <th><code>x-large</code></td>
+  <th><code>xx-large</code></td>
   <th>&nbsp;</td>
 </thead>
 <tbody>
@@ -1088,7 +1088,7 @@ <h3 id="font-size-adjust-prop">Relative sizing: the <a href="#propdef-font-size-
 of lowercase letters compared to their uppercase counterparts is a
 determining factor of legibility. This is commonly referred to as the
 <span class="index-def" title="aspect value"><dfn>aspect value</dfn></span>.
-Precisely defined, it is equal to the x-height of a font divided by
+Precisely defined, it is equal to the <code>x-height</code> of a font divided by
 the font size.</p>
 
 <p>In situations where font fallback occurs, fallback fonts may not
@@ -1665,41 +1665,41 @@ <h3 id="src-desc">Font reference: the <a href="#descdef-src">src</a> descriptor<
 </thead>
 <tbody>
 <tr>
-  <th>"woff"</th>
+  <th><code>"woff"</code></th>
   <td><a href="https://www.w3.org/TR/WOFF/">WOFF 1.0 (Web Open Font Format)</a></td>
   <td>.woff</td>
 </tr>
 <tr>
-  <th>"woff2"</th>
+  <th><code>"woff2"</code></th>
   <td><a href="https://www.w3.org/TR/WOFF2/">WOFF 2.0 (Web Open Font Format)</a></td>
   <td>.woff2</td>
 </tr>
 <tr>
-  <th>"truetype"</th>
+  <th><code>"truetype"</code></th>
   <td><a href="https://www.microsoft.com/typography/otspec/default.htm">TrueType</a></td>
   <td>.ttf</td>
 </tr>
 <tr>
-  <th>"opentype"</th>
+  <th><code>"opentype"</code></th>
   <td><a href="https://www.microsoft.com/typography/otspec/default.htm">OpenType</a></td>
   <td>.ttf, .otf</td>
 </tr>
 <tr>
-  <th>"embedded-opentype"</th>
+  <th><code>"embedded-opentype"</code></th>
   <td><a href="https://www.w3.org/Submission/2008/SUBM-EOT-20080305/">Embedded OpenType</a></td>
   <td>.eot</td>
 </tr>
 <tr>
-  <th>"svg"</th>
+  <th><code>"svg"</code></th>
   <td><a href="https://www.w3.org/TR/SVG/fonts.html">SVG Font</a></td>
   <td>.svg, .svgz</td>
 </tr>
 </tbody>
 </table>
 
 <p>Given the overlap in common usage between TrueType and OpenType, the
-format hints "truetype" and "opentype" must be considered as synonymous;
-a format hint of "opentype" does not imply that the font contains
+format hints <code>"truetype"</code> and <code>"opentype"</code> must be considered as synonymous;
+a format hint of <code>"opentype"</code> does not imply that the font contains
 Postscript CFF style glyph data or that it contains OpenType layout
 information (see <a href="#platform-props-to-css">Appendix A</a> for more background on this).
 </p>
@@ -1710,7 +1710,7 @@ <h3 id="src-desc">Font reference: the <a href="#descdef-src">src</a> descriptor<
 argument to <code>local()</code> is a format-specific string that
 uniquely identifies a single font face within a larger family.  The
 syntax for a <var>&lt;font-face-name&gt;</var> is a unique font face
-name enclosed by "local(" and ")".  The name can optionally be
+name enclosed by <code>"local("</code> and <code>")"</code>.  The name can optionally be
 enclosed in quotes.  If unquoted, the unquoted font family name
 processing conventions apply; the name must be a sequence of
 identifiers separated by <a href="https://www.w3.org/TR/css3-syntax/#whitespace">whitespace</a>
@@ -1749,15 +1749,15 @@ <h3 id="src-desc">Font reference: the <a href="#descdef-src">src</a> descriptor<
 font, not an entire font family. Defined in terms of
 OpenType font data, the Postscript name is found in the font's
 <a href="https://www.microsoft.com/typography/otspec/name.htm">name table</a>,
-in the name record with nameID = 6 (see
+in the name record with <code>nameID = 6</code> (see
 [[!OPENTYPE]] for more details).  The Postscript name is the commonly
 used key for all fonts on OSX and for Postscript CFF fonts under
-Windows. The full font name (nameID = 4) is used as a unique key for
+Windows. The full font name (<code>nameID = 4</code>)  is used as a unique key for
 fonts with TrueType glyphs on Windows.
 </p>
 
 <p>For OpenType fonts with multiple localizations of the full font name, the US
-English version is used (language ID = 0x409 for Windows and language ID = 0 for Macintosh)
+English version is used (<code>language ID = 0x409</code> for Windows and <code>language ID = 0</code> for Macintosh)
 or the first localization
 when a US English full font name is not available (the OpenType
 specification recommends that <a
@@ -1769,8 +1769,8 @@ <h3 id="src-desc">Font reference: the <a href="#descdef-src">src</a> descriptor<
 font versions and OS localizations, since font style names (e.g. "Bold")
 are frequently localized into many languages and the set of
 localizations available varies widely across platform and font version.
-User agents that match a concatenation of family name (nameID = 1) with
-style name (nameID = 2) are considered non-conformant.
+User agents that match a concatenation of family name (<code>nameID = 1</code>) with
+style name (<code>nameID = 2</code>) are considered non-conformant.
 </p>
 
 <p>This also allows for referencing faces that belong to larger
@@ -3136,7 +3136,7 @@ <h3 id="font-variant-position-prop">Subscript and superscript forms: the <a href
 }
 </pre>
 
-<p>Using font-variant-position to specify typographic subscripts in a way
+<p>Using 'font-variant-position' to specify typographic subscripts in a way
 that will still show subscripts in older user agents:</p>
 
 <pre>@supports ( font-variant-position: sub ) {
@@ -3259,6 +3259,8 @@ <h3 id="font-variant-caps-prop">Capitalization: the <a href="#propdef-font-varia
 <p>The 'font-feature-settings' property does not affect the decision of
 whether or not to use a simulated small-caps font.<p>
 
+  <!-- but it does in Fonts 4 -->
+
 <div class="example">
 <pre>#example1 { font-variant-caps: small-caps; }
 #example2 { font-variant-caps: small-caps; font-feature-settings: 'smcp' 0; }</pre>