diff options
-rw-r--r-- | docs/lab/lab.css | 4 | ||||
-rw-r--r-- | docs/lab/var.html | 5 | ||||
-rw-r--r-- | docs/res/base.css | 8 | ||||
-rw-r--r-- | docs/samples/index.css | 3 |
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 { |