diff options
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"); +} |