diff options
author | Rasmus Andersson <rasmus@figma.com> | 2019-02-03 01:29:56 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@figma.com> | 2019-02-03 01:29:56 +0300 |
commit | 5a5be63d6e59d5c437b270a5522b370ba845bf39 (patch) | |
tree | 46a9027b80e26e5ac49a8dabac3f0867e200e9a2 /docs/inter.css | |
parent | a5cf88e6591bfc72b34d4c898d8d567f0032a80b (diff) | |
download | inter-5a5be63d6e59d5c437b270a5522b370ba845bf39.tar.xz |
The Great Rename to "Inter"
Diffstat (limited to 'docs/inter.css')
-rw-r--r-- | docs/inter.css | 204 |
1 files changed, 204 insertions, 0 deletions
diff --git a/docs/inter.css b/docs/inter.css new file mode 100644 index 000000000..2087f688d --- /dev/null +++ b/docs/inter.css @@ -0,0 +1,204 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + src: url("font-files/Inter-Thin.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Thin.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + src: url("font-files/Inter-ThinItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-ThinItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + src: url("font-files/Inter-ExtraLight.woff2?v=3.3") format("woff2"), + url("font-files/Inter-ExtraLight.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + src: url("font-files/Inter-ExtraLightItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-ExtraLightItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + src: url("font-files/Inter-Light.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Light.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + src: url("font-files/Inter-LightItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-LightItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url("font-files/Inter-Regular.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Regular.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + src: url("font-files/Inter-Italic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Italic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + src: url("font-files/Inter-Medium.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Medium.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + src: url("font-files/Inter-MediumItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-MediumItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + src: url("font-files/Inter-SemiBold.woff2?v=3.3") format("woff2"), + url("font-files/Inter-SemiBold.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + src: url("font-files/Inter-SemiBoldItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-SemiBoldItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + src: url("font-files/Inter-Bold.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Bold.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + src: url("font-files/Inter-BoldItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-BoldItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + src: url("font-files/Inter-ExtraBold.woff2?v=3.3") format("woff2"), + url("font-files/Inter-ExtraBold.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + src: url("font-files/Inter-ExtraBoldItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-ExtraBoldItalic.woff?v=3.3") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + src: url("font-files/Inter-Black.woff2?v=3.3") format("woff2"), + url("font-files/Inter-Black.woff?v=3.3") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + src: url("font-files/Inter-BlackItalic.woff2?v=3.3") format("woff2"), + url("font-files/Inter-BlackItalic.woff?v=3.3") format("woff"); +} + +/* ------------------------------------------------------- +Variable font. +Usage: + + 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-weight: 100 900; + font-style: normal; + font-named-instance: 'Regular'; + src: url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2 supports variations(gvar)"), + url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2-variations"), + url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-style: italic; + font-named-instance: 'Italic'; + src: url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2 supports variations(gvar)"), + url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2-variations"), + url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2"); +} + +/* Legacy naming compatibility */ +@font-face { + font-family: 'Inter var alt'; + font-weight: 100 900; + font-style: normal; + font-named-instance: 'Regular'; + src: url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2 supports variations(gvar)"), + url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2-variations"), + url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2"); +} +@font-face { + font-family: 'Inter var alt'; + font-weight: 100 900; + font-style: italic; + font-named-instance: 'Italic'; + src: url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2 supports variations(gvar)"), + url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2-variations"), + url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2"); +} + + +/* -------------------------------------------------------------------------- +[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 } + +*/ +@font-face { + font-family: 'Inter var experimental'; + font-weight: 100 900; + font-style: oblique 0deg 10deg; + src: url("font-files/Inter.var.woff2?v=3.3") format("woff2-variations"), + url("font-files/Inter.var.woff2?v=3.3") format("woff2"); +} |