diff options
author | Rasmus Andersson <rasmus@notion.se> | 2018-09-10 20:21:55 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2018-10-11 09:37:35 +0300 |
commit | 045c98c1c7441fb0f2c4e6dfe866fe5e3f78defe (patch) | |
tree | fbb9310e5863473a29aa0c2576a66f382ed8a31b /docs/inter-ui.css | |
parent | 69d824fc5bf9ba28f664f6d20fe0da91b82bd1a5 (diff) | |
download | inter-045c98c1c7441fb0f2c4e6dfe866fe5e3f78defe.tar.xz |
website
Diffstat (limited to 'docs/inter-ui.css')
-rw-r--r-- | docs/inter-ui.css | 46 |
1 files changed, 38 insertions, 8 deletions
diff --git a/docs/inter-ui.css b/docs/inter-ui.css index ccd5a0aff..542b6fd5d 100644 --- a/docs/inter-ui.css +++ b/docs/inter-ui.css @@ -2,14 +2,16 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 400; - src: url("font-files/Inter-UI-Regular.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-Regular.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-Regular.woff?v=2.5") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 400; - src: url("font-files/Inter-UI-Italic.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-Italic.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-Italic.woff?v=2.5") format("woff"); } @@ -17,14 +19,16 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 500; - src: url("font-files/Inter-UI-Medium.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-Medium.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-Medium.woff?v=2.5") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 500; - src: url("font-files/Inter-UI-MediumItalic.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-MediumItalic.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-MediumItalic.woff?v=2.5") format("woff"); } @@ -32,14 +36,16 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 700; - src: url("font-files/Inter-UI-Bold.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-Bold.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-Bold.woff?v=2.5") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 700; - src: url("font-files/Inter-UI-BoldItalic.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-BoldItalic.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-BoldItalic.woff?v=2.5") format("woff"); } @@ -47,13 +53,37 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 900; - src: url("font-files/Inter-UI-Black.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-Black.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-Black.woff?v=2.5") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 900; - src: url("font-files/Inter-UI-BlackItalic.woff2?v=2.5") format("woff2"), + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url("font-files/Inter-UI-BlackItalic.woff2?v=2.5") format("woff2"), url("font-files/Inter-UI-BlackItalic.woff?v=2.5") format("woff"); } + +/* +Single variable font. +Note that you may want to do something like this to make sure you're serving +constant fonts to older browsers: + +html { + font-family: 'Inter UI', sans-serif; +} +@supports (font-variation-settings: normal) { + html { + font-family: 'Inter UI var', sans-serif; + } +} + +*/ +@font-face { + font-family: 'Inter UI var'; + font-weight: 400 900; /* safe weight range */ + src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"), + url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2"); +} |