Added font definitions for CEA-708.
authorSilvia Pfeiffer
Sun, 11 Nov 2012 01:14:52 +1100
changeset 40 7aaf91979851
parent 39 4daf8708ae39
child 41 6bf21a27bf38
Added font definitions for CEA-708.
608toVTT/608toVTT.html
--- a/608toVTT/608toVTT.html	Sun Nov 11 00:29:14 2012 +1100
+++ b/608toVTT/608toVTT.html	Sun Nov 11 01:14:52 2012 +1100
@@ -942,7 +942,109 @@
 00:00:00.000 --> 00:00:15.000
 A <c.red>red piece of text</c>.
       </pre>
-      
+
+      <p>
+        In CEA-708, the concept of a Pen is defined, which governs the font size, font, colors and style of the text within a Window. Pen characteristics remain consistent within a Window - and therefore within a WebVTT Region - unless specifically changed.
+      </p>
+
+
+      <section>
+        <h2>Font Size</h2>
+        <p>
+          CEA-608 and CEA-708 both define a default ("intended") font size relative to which columns and lines are defined and positioning on screen is identified (see section on "Positioning in CEA-608").
+        </p>
+
+        <p>
+          Both CEA-608 and CEA-708 expect that the user is able to change the size of the font during playback. CEA-708 for example suggests three different font sizes (small, standard and large) per available font. This user override is player-specific and not encoded into WebVTT.
+        </p>
+      </section>
+
+      <section>
+        <h2>Font</h2>
+        <p>
+          CEA-708 suggests the use of monospace and proportionally spaced fonts and defines 8 different fonts. These can be mapped to WebVTT/CSS fonts as follows:
+        </p>
+
+        <table border="1">
+          <thead>
+            <tr>
+              <td>CEA-708 Font Styles</td>
+              <td>WebVTT CSS Fonts</td>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>0 - default (undefined)</td>
+              <td>default WebVTT font, i.e. 'sans-serif'</td>
+            </tr>
+            <tr>
+              <td>1 - monospaced with serifs</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Courier, monospace, serif';
+}</pre>
+                </td>
+            </tr>
+            <tr>
+              <td>2 - Proportionally spaced with serifs</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Times New Roman, serif';
+}</pre>
+              </td>
+            </tr>
+            <tr>
+              <td>3 - Monospaced without serifs</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Helvetica, monospace, sans-serif';
+}</pre>                
+              </td>
+            </tr>
+            <tr>
+              <td>4 - Proportionally spaced without serifs</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Arial, Swiss, sans-serif';
+}</pre>                
+              </td>
+            </tr>
+            <tr>
+              <td>5 - Casual font type</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Dom, Impress, casual';
+}</pre>                
+              </td>
+            </tr>
+            <tr>
+              <td>6 - Cursive font type</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Coronet, Marigold, cursive';
+}</pre>                
+              </td>
+            </tr>
+            <tr>
+              <td>7 - Small capital</td>
+              <td>
+                <pre>
+::cue {
+  font-family:'Engravers Gothic, monospace, sans-serif';
+  font-variant:small-caps;
+}</pre>                
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </section>
+
       <section>
         <h2>Character Codes</h2>
         <p>