archive/inter-font
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web: minor adjustments

Browse source
This commit is contained in:
Rasmus Andersson 2018-09-29 10:32:06 -07:00
parent 4a0bb41312
commit ed0ff206fc
4 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/lab/lab.css
View file

@ -1,4 +1,4 @@
* { margin:0; padding:0; } * { margin:0; padding:0; font-synthesis: none; }
html { } html { }
body { body {
background-color: white; background-color: white;
@ -44,7 +44,7 @@ h2 {
user-select:none; -moz-user-select: none; user-select:none; -moz-user-select: none;
font-family: sans-serif !important; font-family: sans-serif !important;
overflow: auto; overflow: auto;
letter-spacing:0.01em; letter-spacing:0.012em;
} }
.options > * { .options > * {
display: block; display: block;

5
docs/lab/var.html
View file

@ -15,7 +15,7 @@
html { html {
font-family: 'Inter UI', sans-serif; font-family: 'Inter UI', sans-serif;
font-size: 14px; font-size: 14px;
letter-spacing: 0.001em; letter-spacing: 0;
} }
body { body {
margin: 0; margin: 0;
@ -133,6 +133,7 @@ function startAnimation() {
return return
} }
weightInput.disabled = true weightInput.disabled = true
italicInput.disabled = true
isAnimating = true isAnimating = true
let v = 0 let v = 0
let wmin = parseFloat(weightInput.min) let wmin = parseFloat(weightInput.min)
@ -168,7 +169,9 @@ function startAnimation() {
function stopAnimation() { function stopAnimation() {
isAnimating = false isAnimating = false
weightInput.disabled = false weightInput.disabled = false
italicInput.disabled = false
weightInput.value = String(state.weight) weightInput.value = String(state.weight)
italicInput.value = String(state.italic)
} }
// UI control: weight slider // UI control: weight slider

8
docs/res/base.css
View file

@ -1,4 +1,4 @@
* { margin:0; padding:0; } * { margin:0; padding:0; font-synthesis: none; }
html { } html { }
body { body {
background-color: #f4f4f4; background-color: #f4f4f4;
@ -103,7 +103,7 @@ num { /* number */
-o-font-feature-settings: 'calt' 1, 'ss01' 1; -o-font-feature-settings: 'calt' 1, 'ss01' 1;
-webkit-font-feature-settings: 'calt' 1, 'ss01' 1; -webkit-font-feature-settings: 'calt' 1, 'ss01' 1;
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; white-space: pre;
} }
@ -114,7 +114,7 @@ em, i, .italic {
small { small {
font-size: 11px; font-size: 11px;
letter-spacing: 0.013em; letter-spacing: 0.012em;
} }
h1, h2, h3 { h1, h2, h3 {
@ -134,7 +134,7 @@ h1 {
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
letter-spacing: -0.4px; letter-spacing: -0.02em;
line-height: 30px; line-height: 30px;
margin-bottom: 25px; margin-bottom: 25px;
margin-top: 10px; margin-top: 10px;

3
docs/samples/index.css
View file

@ -29,7 +29,7 @@ livesample > p {
} }
livesample.s1 { livesample.s1 {
padding-left: 16px; padding-left: 16px;
letter-spacing: -0.015em; letter-spacing: -0.03em;
font-size: 5em; font-size: 5em;
font-weight: 700; font-weight: 700;
line-height: 1.1; line-height: 1.1;
@ -42,6 +42,7 @@ livesample.s2 {
} }
livesample.s3 { livesample.s3 {
font-size: 13px; font-size: 13px;
letter-spacing: 0.002em;
line-height: 18px; line-height: 18px;
} }
livesample.s3 b, livesample.s3 strong { livesample.s3 b, livesample.s3 strong {