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