diff --git a/src/index.html b/src/index.html index b925bc8..2bae75a 100644 --- a/src/index.html +++ b/src/index.html @@ -16,7 +16,7 @@ diff --git a/src/static/css/main.css b/src/static/css/main.css index fd0d6fd..90980bf 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -25,7 +25,7 @@ } body { - font-family: "Inter var", "Inter", sans-serif; + font-family: "Inter var experimental", "Inter var", "Inter", sans-serif; color: var(--text); margin: auto; padding: var(--gap); diff --git a/src/static/fonts/inter/Inter-roman.var.woff2 b/src/static/fonts/inter/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/src/static/fonts/inter/Inter-roman.var.woff2 and /dev/null differ diff --git a/src/static/fonts/inter/Inter.var.woff2 b/src/static/fonts/inter/Inter.var.woff2 new file mode 100644 index 0000000..365eedc Binary files /dev/null and b/src/static/fonts/inter/Inter.var.woff2 differ diff --git a/src/static/fonts/inter/inter.css b/src/static/fonts/inter/inter.css index 225979f..ac0a64d 100644 --- a/src/static/fonts/inter/inter.css +++ b/src/static/fonts/inter/inter.css @@ -1,17 +1,20 @@ -/* ------------------------------------------------------- -Variable font. -Usage: +/* -------------------------------------------------------------------------- +[EXPERIMENTAL] Multi-axis, single variable font. + +Slant axis is not yet widely supported (as of February 2019) and thus this +multi-axis single variable font is opt-in rather than the default. + +When using this, you will probably need to set font-variation-settings +explicitly, e.g. + + * { font-variation-settings: "slnt" 0deg } + .italic { font-variation-settings: "slnt" 10deg } - html { font-family: 'Inter', sans-serif; } - @supports (font-variation-settings: normal) { - html { font-family: 'Inter var', sans-serif; } - } */ @font-face { - font-family: 'Inter var'; + font-family: 'Inter var experimental'; font-weight: 100 900; font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("Inter-roman.var.woff2?v=3.19") format("woff2"); + font-style: oblique 0deg 10deg; + src: url("Inter.var.woff2?v=3.19") format("woff2"); }