Add a sample of separated graphics to the Web page

diff --git a/bedstead.css b/bedstead.css
index 022f6ba8b6ead0860eedb862433925d6bf68142b..3d11262d6689f64939dbc934a890a4b86191ffbb 100644 (file)
--- a/bedstead.css
+++ b/bedstead.css
@@ -23,6 +23,10 @@ pre {
     line-height: 1em;
 }
 
+.separated {
+    font-feature-settings: 'ss16';
+}
+
 h1 {
     font-size: 5em;
     font-weight: inherit;

diff --git a/index.xhtml b/index.xhtml
index 4855e808af0f2e97e9d570216b23d6f713e17f5b..9d66a8ed36e7d819c5605f6944e3c9a3bcda10ad 100644 (file)
--- a/index.xhtml
+++ b/index.xhtml
@@ -50,13 +50,14 @@
     <p>Bedstead includes all of the teletext mosaic graphics
       characters available from the SAA5050.  These are encoded
       at the standard code points defined by Unicode.
-      They are also encoded in the Private
+      Separated graphics are available using an OpenType feature.
+      The mosaic graphics characters are also encoded in the Private
       Use area between U+EE00 and U+EE7F, in the same arrangement as
       is used by
       <a href="http://zapping.sourceforge.net/ZVBI/">ZVBI</a>.</p>
-<pre>🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒
-▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄
-🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰
+<pre>🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒<span class="separated">🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒</span>
+▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄<span class="separated">▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄</span>
+🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰<span class="separated">🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰</span>
 </pre>
     
     <h2>Copyright</h2>