diff options
author | Rasmus Andersson <rasmus@notion.se> | 2018-09-09 23:02:56 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2018-09-09 23:02:56 +0300 |
commit | da7be8bf1bb5e90f1b755eb0850c4f84908d56a6 (patch) | |
tree | e16d29dee07d06213cd30fac35b3552130ec87fc | |
parent | 94ee69ac0d305cff2ddb41dfb2a48bad06aaa130 (diff) | |
download | inter-da7be8bf1bb5e90f1b755eb0850c4f84908d56a6.tar.xz |
update misc docs that goes into distributions
-rw-r--r-- | misc/dist/inter-ui.css | 46 | ||||
-rw-r--r-- | misc/dist/variable.txt | 10 |
2 files changed, 48 insertions, 8 deletions
diff --git a/misc/dist/inter-ui.css b/misc/dist/inter-ui.css index 959802968..d098a8af1 100644 --- a/misc/dist/inter-ui.css +++ b/misc/dist/inter-ui.css @@ -2,14 +2,16 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 400; - src: url("Inter-UI-Regular.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-Regular.woff2") format("woff2"), url("Inter-UI-Regular.woff") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 400; - src: url("Inter-UI-Italic.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-Italic.woff2") format("woff2"), url("Inter-UI-Italic.woff") format("woff"); } @@ -17,14 +19,16 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 500; - src: url("Inter-UI-Medium.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-Medium.woff2") format("woff2"), url("Inter-UI-Medium.woff") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 500; - src: url("Inter-UI-MediumItalic.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-MediumItalic.woff2") format("woff2"), url("Inter-UI-MediumItalic.woff") format("woff"); } @@ -32,14 +36,16 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 700; - src: url("Inter-UI-Bold.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-Bold.woff2") format("woff2"), url("Inter-UI-Bold.woff") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 700; - src: url("Inter-UI-BoldItalic.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-BoldItalic.woff2") format("woff2"), url("Inter-UI-BoldItalic.woff") format("woff"); } @@ -47,13 +53,37 @@ font-family: 'Inter UI'; font-style: normal; font-weight: 900; - src: url("Inter-UI-Black.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-Black.woff2") format("woff2"), url("Inter-UI-Black.woff") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: italic; font-weight: 900; - src: url("Inter-UI-BlackItalic.woff2") format("woff2"), + src: url('Inter-UI.var.woff2') format("woff2-variations"), + url("Inter-UI-BlackItalic.woff2") format("woff2"), url("Inter-UI-BlackItalic.woff") 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('Inter-UI.var.woff2') format("woff2-variations"), + url('Inter-UI.var.woff2') format("woff2"); +} diff --git a/misc/dist/variable.txt b/misc/dist/variable.txt new file mode 100644 index 000000000..cb2c55649 --- /dev/null +++ b/misc/dist/variable.txt @@ -0,0 +1,10 @@ + +Variable fonts is a new technology still undergoning development. + +Support for variable fonts is limited as of late 2018 but support +is quickly arriving in web browsers, operating systems and +design application. + +If you're in doubt or uncertain about variable fonts, then you +probably don't need to use a variable font, and you can ignore the +directories which name contains "variable". |