latin: less invasive html tag for coloured cards

Prefer fallback to bold instead of italics to minimise shape disruption
(while limiting to short stylistic tags).

diff --git a/base.css b/base.css
index 0c135b3294c40c213d046ef5c7add47308387138..c4c943a78dcad1a27810354bfcd19ca5385c1be3 100644 (file)
--- a/base.css
+++ b/base.css
@@ -465,7 +465,7 @@ table.dimap {
 .sy-todo       { background-color: #FF0 }
 
 /* boolean alternate */
-.glyphs i      { font-variant: normal; color: #800 }
+.glyphs b      { font-weight: normal; color: #800 }
 
 /* hover effects */
 .X:hover {cursor: help}

diff --git a/dark.css b/dark.css
index acce64bd491f9869a963c52ef9d8c610b58a0284..c2571962f80380c9275147ddc4e9bd9f5cee450f 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -30,7 +30,7 @@ dl.legend-options dt {background: #333}
 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
 .sy-todo       { background-color: #880 }
 
-.glyphs i      { color: #C44 }
+.glyphs b      { color: #C44 }
 
 /* character properties */
 

diff --git a/latin.plp b/latin.plp
index c9c59ad9d2dc7f0dcb088fc6e2825de0d7847e04..268eb28e10dcf00e91eb2b9ed691646568b469ac 100644 (file)
--- a/latin.plp
+++ b/latin.plp
@@ -35,6 +35,9 @@ Html({
        #ita2 td {
                font-size: 50%;
        }
+       #cards td {
+               font-family: Symbola, "DejaVu Sans", serif, sans;
+       }
        #pigpen {
                stroke-linecap: square;
        }

diff --git a/mono.css b/mono.css
index cff7b1f9a665dd671dde60869ded212ae6fabf90..e62932ec0e828a0735295218b9ee0ccec863acab 100644 (file)
--- a/mono.css
+++ b/mono.css
@@ -72,7 +72,7 @@ body .keys td.new {
 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
 .sy-todo       { background-color: #CCC }
 
-.glyphs i      { color: #777 }
+.glyphs b      { color: #777 }
 
 /* continents */
 .c-af {background: #000; color: #FFF} /* .g4 */

diff --git a/red.css b/red.css
index 6bd9e89c83dbc56b9214290ed18308204c5c16ed..e93abafa1040cce827074ae824971356ccc1312f 100644 (file)
--- a/red.css
+++ b/red.css
@@ -145,7 +145,7 @@ tbody, colgroup, th {
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 
-.glyphs i      { color: #C44 }
+.glyphs b      { color: #C44 }
 
 #browser td > a:not(:hover):not(:active) {
        color: inherit;

diff --git a/writing-latn.inc.pl b/writing-latn.inc.pl
index b2d436f72798ba86ac04d973902022220ad998ff..403e36f94bdb36d8293dc6923a0484aebcd96496 100644 (file)
--- a/writing-latn.inc.pl
+++ b/writing-latn.inc.pl
@@ -90,8 +90,8 @@ my $U = 0;  # optional unicode alternatives
        11 12 13 14 21 22 23 20 > 31 -13 32 33
        30 41 42 -13 43 40 10 51 52 53 50 -31 -40
 })],
-'Cards' => [
-       map { chr(0x1F0A0 + $_), sprintf('<i>%s</i>', chr(0x1F0B0 + $_)) }  # spades, hearts
+'Cards' => [(
+       map { chr(0x1F0A0 + $_), sprintf('<b>%s</b>', chr(0x1F0B0 + $_)) }  # spades, hearts
        1 .. 11, 13, 14  # A 2-10 J Q K
 ],
 'Maritime flags' => [