diff --git a/docs/index.html b/docs/index.html
index 37b271671..63ca91b6e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -52,6 +52,9 @@ h1.title {
.row.examples .label { font-size: var(--font-size); opacity: 0.3; }
.row.examples a.label:hover { opacity: 1; }
.row.examples .label.r { text-align: right }
+@media only screen and (max-width: 719px) { /* window width <= 719 */
+ .row.examples .example-note { margin: 1em 0 }
+}
.example2 {
font-size: 10vw;
line-height: initial;
@@ -1033,20 +1036,19 @@ At a later date we find the word applied to very different objects, though alway
cvXX Character variants
-
1234567890
1234567890
- Alternative digits
-
+ Alternative digits
+
cv01 Alternate one
cv09 Flat-top three
cv02 Open four
-
+
cv03 Open six
cv04 Open nine
zero Slashed zero
@@ -1060,10 +1062,10 @@ At a later date we find the word applied to very different objects, though alway
Guillable ürá
-
+
Character variants is a mood
-
+
cv10 Capital G with spur
cv06 Simplified u
cv11 Single-story a
@@ -1077,10 +1079,10 @@ At a later date we find the word applied to very different objects, though alway
Efficient after
-
+
Give it a compact character
-
+
cv12 Compact f
cv13 Compact t
@@ -1106,10 +1108,10 @@ At a later date we find the word applied to very different objects, though alway
123.4567890[1],3
-
+
Tabular figures are excellent for tables of numeric data. tnum
enables an entire set of dedicated glyphs that have the same width across all weights.
-
+
tnum Tabular figures
@@ -1121,11 +1123,11 @@ At a later date we find the word applied to very different objects, though alway
Illusion A03
-
+
Disambiguate between similar-looking characters with
ss02 or individual character variants
-
+
ss02 Disambiguation, or
cv08 Upper-case i with serif
cv05 Lower-case L with tail
@@ -1134,18 +1136,19 @@ At a later date we find the word applied to very different objects, though alway
-
+
It’s “fun” here, Möbius
+ style="font-weight:500;white-space:nowrap;font-size:9.5vw;font-feature-settings:'ss03' 1,'liga' 1,'calt' 1">
It’s “fun” here, Möbius
+ style="font-weight:500;white-space:nowrap;font-size:9.5vw;font-feature-settings:'ss07' 1,'ss08' 1,'liga' 1,'calt' 1;margin-bottom:1rem">
It’s “fun” here, Möbius
-
+
Add a little personality to titles
-
+
ss03 Round quotes & commas
ss07 Square punctuation
ss08 Square quotes
diff --git a/docs/res/base.css b/docs/res/base.css
index e7efa8825..c6b5582c2 100644
--- a/docs/res/base.css
+++ b/docs/res/base.css
@@ -111,8 +111,7 @@ layout: none
--link-hover-color: var(--light-yellow);
--grid-color: #555; /* must be opaque */
--unit-background-color: #333;
- --warm-yellow: color(display-p3 0.57 0.44 0);
- --active-bgcolor: var(--warm-yellow);
+ --active-bgcolor: color(display-p3 0.57 0.44 0);
font-weight: 400;
}}