web: minor adjustments

4 files changed, 12 insertions, 8 deletions

diff --git a/docs/lab/lab.css b/docs/lab/lab.css
index b744490c7..719bc949c 100644
--- a/docs/lab/lab.css
+++ b/docs/lab/lab.css
@@ -1,4 +1,4 @@
-* { margin:0; padding:0; }
+* { margin:0; padding:0; font-synthesis: none; }
 html { }
 body {
   background-color: white;
@@ -44,7 +44,7 @@ h2 {
   user-select:none; -moz-user-select: none;
   font-family: sans-serif !important;
   overflow: auto;
-  letter-spacing:0.01em;
+  letter-spacing:0.012em;
 }
 .options > * {
   display: block;
diff --git a/docs/lab/var.html b/docs/lab/var.html
index 947b8d6c5..0ed45c444 100644
--- a/docs/lab/var.html
+++ b/docs/lab/var.html
@@ -15,7 +15,7 @@
 html {
   font-family: 'Inter UI', sans-serif;
   font-size: 14px;
-  letter-spacing: 0.001em;
+  letter-spacing: 0;
 }
 body {
   margin: 0;
@@ -133,6 +133,7 @@ function startAnimation() {
     return
   }
   weightInput.disabled = true
+  italicInput.disabled = true
   isAnimating = true
   let v = 0
   let wmin = parseFloat(weightInput.min)
@@ -168,7 +169,9 @@ function startAnimation() {
 function stopAnimation() {
   isAnimating = false
   weightInput.disabled = false
+  italicInput.disabled = false
   weightInput.value = String(state.weight)
+  italicInput.value = String(state.italic)
 }
 
 // UI control: weight slider
diff --git a/docs/res/base.css b/docs/res/base.css
index e4c5ec082..c0e677ae3 100644
--- a/docs/res/base.css
+++ b/docs/res/base.css
@@ -1,4 +1,4 @@
-* { margin:0; padding:0; }
+* { margin:0; padding:0; font-synthesis: none; }
 html { }
 body {
   background-color: #f4f4f4;
@@ -103,7 +103,7 @@ num { /* number */
   -o-font-feature-settings:      'calt' 1, 'ss01' 1;
   -webkit-font-feature-settings: 'calt' 1, 'ss01' 1;
   font-feature-settings:         'calt' 1, 'ss01' 1;*/
-  letter-spacing:0.02em;
+  letter-spacing:0.01em;
   white-space: pre;
 }
 
@@ -114,7 +114,7 @@ em, i, .italic {
 
 small {
   font-size: 11px;
-  letter-spacing: 0.013em;
+  letter-spacing: 0.012em;
 }
 
 h1, h2, h3 {
@@ -134,7 +134,7 @@ h1 {
 }
 h2 {
   font-size: 24px;
-  letter-spacing: -0.4px;
+  letter-spacing: -0.02em;
   line-height: 30px;
   margin-bottom: 25px;
   margin-top: 10px;
diff --git a/docs/samples/index.css b/docs/samples/index.css
index 2cd3f6556..5b3b7ad2f 100644
--- a/docs/samples/index.css
+++ b/docs/samples/index.css
@@ -29,7 +29,7 @@ livesample > p {
 }
 livesample.s1 {
   padding-left: 16px;
-  letter-spacing: -0.015em;
+  letter-spacing: -0.03em;
   font-size: 5em;
   font-weight: 700;
   line-height: 1.1;
@@ -42,6 +42,7 @@ livesample.s2 {
 }
 livesample.s3 {
   font-size: 13px;
+  letter-spacing: 0.002em;
   line-height: 18px;
 }
   livesample.s3 b, livesample.s3 strong {