From 57e80b4ab06b6b80a2bf1b35fd7aa8efdbafa0f0 Mon Sep 17 00:00:00 2001 From: Rasmus Andersson Date: Fri, 21 Aug 2020 16:06:02 -0700 Subject: web: enable use of subset web font files (for variable fonts only) --- docs/_includes/Inter-italic.var.css | 80 ++++++++ docs/_includes/Inter-roman.var.css | 80 ++++++++ docs/_includes/Inter-static.css | 152 +++++++++++++++ docs/_includes/Inter.var.css | 72 +++++++ docs/_includes/InterDisplay-italic.var.css | 80 ++++++++ docs/_includes/InterDisplay-roman.var.css | 80 ++++++++ docs/_includes/InterDisplay-static.css | 152 +++++++++++++++ docs/_includes/InterDisplay.var.css | 72 +++++++ docs/_includes/preload-font-files.html | 4 +- docs/font-files/Inter-italic.alternates.var.woff2 | Bin 0 -> 33192 bytes docs/font-files/Inter-italic.cyrillic.var.woff2 | Bin 0 -> 37348 bytes docs/font-files/Inter-italic.extra.var.woff2 | Bin 0 -> 33192 bytes docs/font-files/Inter-italic.greek.var.woff2 | Bin 0 -> 31332 bytes docs/font-files/Inter-italic.latin-ext.var.woff2 | Bin 0 -> 66708 bytes docs/font-files/Inter-italic.latin.var.woff2 | Bin 0 -> 56108 bytes docs/font-files/Inter-italic.symbols.var.woff2 | Bin 0 -> 20652 bytes docs/font-files/Inter-italic.vietnamese.var.woff2 | Bin 0 -> 9780 bytes docs/font-files/Inter-roman.alternates.var.woff2 | Bin 0 -> 30660 bytes docs/font-files/Inter-roman.cyrillic.var.woff2 | Bin 0 -> 35208 bytes docs/font-files/Inter-roman.extra.var.woff2 | Bin 0 -> 30660 bytes docs/font-files/Inter-roman.greek.var.woff2 | Bin 0 -> 29580 bytes docs/font-files/Inter-roman.latin-ext.var.woff2 | Bin 0 -> 62604 bytes docs/font-files/Inter-roman.latin.var.woff2 | Bin 0 -> 51896 bytes docs/font-files/Inter-roman.symbols.var.woff2 | Bin 0 -> 18340 bytes docs/font-files/Inter-roman.vietnamese.var.woff2 | Bin 0 -> 9416 bytes docs/font-files/Inter.alternates.var.woff2 | Bin 0 -> 46292 bytes docs/font-files/Inter.cyrillic.var.woff2 | Bin 0 -> 50696 bytes docs/font-files/Inter.extra.var.woff2 | Bin 0 -> 46292 bytes docs/font-files/Inter.greek.var.woff2 | Bin 0 -> 42320 bytes docs/font-files/Inter.latin-ext.var.woff2 | Bin 0 -> 89780 bytes docs/font-files/Inter.latin.var.woff2 | Bin 0 -> 74732 bytes docs/font-files/Inter.symbols.var.woff2 | Bin 0 -> 28320 bytes docs/font-files/Inter.vietnamese.var.woff2 | Bin 0 -> 12828 bytes docs/index.html | 13 +- docs/inter-display.css | 222 ++-------------------- docs/inter.css | 216 +++------------------ 36 files changed, 817 insertions(+), 406 deletions(-) create mode 100644 docs/_includes/Inter-italic.var.css create mode 100644 docs/_includes/Inter-roman.var.css create mode 100644 docs/_includes/Inter-static.css create mode 100644 docs/_includes/Inter.var.css create mode 100644 docs/_includes/InterDisplay-italic.var.css create mode 100644 docs/_includes/InterDisplay-roman.var.css create mode 100644 docs/_includes/InterDisplay-static.css create mode 100644 docs/_includes/InterDisplay.var.css create mode 100644 docs/font-files/Inter-italic.alternates.var.woff2 create mode 100644 docs/font-files/Inter-italic.cyrillic.var.woff2 create mode 100644 docs/font-files/Inter-italic.extra.var.woff2 create mode 100644 docs/font-files/Inter-italic.greek.var.woff2 create mode 100644 docs/font-files/Inter-italic.latin-ext.var.woff2 create mode 100644 docs/font-files/Inter-italic.latin.var.woff2 create mode 100644 docs/font-files/Inter-italic.symbols.var.woff2 create mode 100644 docs/font-files/Inter-italic.vietnamese.var.woff2 create mode 100644 docs/font-files/Inter-roman.alternates.var.woff2 create mode 100644 docs/font-files/Inter-roman.cyrillic.var.woff2 create mode 100644 docs/font-files/Inter-roman.extra.var.woff2 create mode 100644 docs/font-files/Inter-roman.greek.var.woff2 create mode 100644 docs/font-files/Inter-roman.latin-ext.var.woff2 create mode 100644 docs/font-files/Inter-roman.latin.var.woff2 create mode 100644 docs/font-files/Inter-roman.symbols.var.woff2 create mode 100644 docs/font-files/Inter-roman.vietnamese.var.woff2 create mode 100644 docs/font-files/Inter.alternates.var.woff2 create mode 100644 docs/font-files/Inter.cyrillic.var.woff2 create mode 100644 docs/font-files/Inter.extra.var.woff2 create mode 100644 docs/font-files/Inter.greek.var.woff2 create mode 100644 docs/font-files/Inter.latin-ext.var.woff2 create mode 100644 docs/font-files/Inter.latin.var.woff2 create mode 100644 docs/font-files/Inter.symbols.var.woff2 create mode 100644 docs/font-files/Inter.vietnamese.var.woff2 (limited to 'docs') diff --git a/docs/_includes/Inter-italic.var.css b/docs/_includes/Inter-italic.var.css new file mode 100644 index 000000000..5080fdb8d --- /dev/null +++ b/docs/_includes/Inter-italic.var.css @@ -0,0 +1,80 @@ +/* extra */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.extra.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E081,U+E093-E097,U+E0A5-E0E7,U+E0F3-E11D,U+E11E-E165,U+EE01,U+F6C3; + font-named-instance: 'Italic'; +} +/* alternates */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.alternates.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E081,U+E093-E097,U+E0A5-E0E7,U+E0F3-E11D,U+E11E-E165,U+EE01,U+F6C3; + font-named-instance: 'Italic'; +} +/* symbols */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.symbols.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+20DD-20DF,U+2190-219A,U+21A9-21AB,U+21B0-21B2,U+21B3-21B6,U+21BA-21BC,U+21D0,U+21D2,U+21D4,U+21DE-21E0,U+21E4-21E6,U+21E7,U+21EA,U+2303,U+2305,U+2318,U+2325-2328,U+232B,U+2380,U+2387,U+238B,U+23CE-23D0,U+2460-2469,U+24B6-24D0,U+24EA,U+25A0-25A3,U+25B2-25B4,U+25B6-25B8,U+25BA-25BE,U+25C0-25C2,U+25C4-25C8,U+25CB,U+25CF,U+25EF,U+2600,U+2605-2607,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2789,U+27F5-27FB,U+2B06,U+2B12-2B14,U+2B1C,U+E000,U+E12B-E164,U+1F130-1F14A,U+1F850,U+1F852; + font-named-instance: 'Italic'; +} +/* cyrillic */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.cyrillic.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0400-049E,U+04A0-0500,U+052F,U+20B4,U+2116,U+2DFF,U+A69F; + font-named-instance: 'Italic'; +} +/* greek */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.greek.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0370-0378,U+037A-0380,U+0384-038B,U+038C,U+038E-03A2,U+03A3-03E2,U+03F0-0400,U+1F00-1F16,U+1F18-1F1E,U+1F20-1F46,U+1F48-1F4E,U+1F50-1F58,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7E,U+1F80-1FB5,U+1FB6-1FC5,U+1FC6-1FD4,U+1FD6-1FDC,U+1FDD-1FF0,U+1FF2-1FF5,U+1FF6-1FFF; + font-named-instance: 'Italic'; +} +/* vietnamese */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.vietnamese.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0102-0104,U+0110-0112,U+0128-012A,U+0168-016A,U+01A0-01A2,U+01AF-01B1,U+1EA0-1EFA,U+20AB; + font-named-instance: 'Italic'; +} +/* latin-ext */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.latin-ext.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0100-0149,U+014A-01C4,U+01C5-0250,U+0259,U+1E00-1F00,U+2020,U+20A0-20AC,U+20AD-20C0,U+2113,U+2C7C,U+2C7F,U+A7FF; + font-named-instance: 'Italic'; +} +/* latin */ +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.latin.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF; + font-named-instance: 'Italic'; +} \ No newline at end of file diff --git a/docs/_includes/Inter-roman.var.css b/docs/_includes/Inter-roman.var.css new file mode 100644 index 000000000..a4b104838 --- /dev/null +++ b/docs/_includes/Inter-roman.var.css @@ -0,0 +1,80 @@ +/* extra */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.extra.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E081,U+E093-E097,U+E0A5-E0E7,U+E0F3-E11D,U+E11E-E165,U+EE01,U+F6C3; + font-named-instance: 'Regular'; +} +/* alternates */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.alternates.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E081,U+E093-E097,U+E0A5-E0E7,U+E0F3-E11D,U+E11E-E165,U+EE01,U+F6C3; + font-named-instance: 'Regular'; +} +/* symbols */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.symbols.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+20DD-20DF,U+2190-219A,U+21A9-21AB,U+21B0-21B2,U+21B3-21B6,U+21BA-21BC,U+21D0,U+21D2,U+21D4,U+21DE-21E0,U+21E4-21E6,U+21E7,U+21EA,U+2303,U+2305,U+2318,U+2325-2328,U+232B,U+2380,U+2387,U+238B,U+23CE-23D0,U+2460-2469,U+24B6-24D0,U+24EA,U+25A0-25A3,U+25B2-25B4,U+25B6-25B8,U+25BA-25BE,U+25C0-25C2,U+25C4-25C8,U+25CB,U+25CF,U+25EF,U+2600,U+2605-2607,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2789,U+27F5-27FB,U+2B06,U+2B12-2B14,U+2B1C,U+E000,U+E12B-E164,U+1F130-1F14A,U+1F850,U+1F852; + font-named-instance: 'Regular'; +} +/* cyrillic */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.cyrillic.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0400-049E,U+04A0-0500,U+052F,U+20B4,U+2116,U+2DFF,U+A69F; + font-named-instance: 'Regular'; +} +/* greek */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.greek.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0370-0378,U+037A-0380,U+0384-038B,U+038C,U+038E-03A2,U+03A3-03E2,U+03F0-0400,U+1F00-1F16,U+1F18-1F1E,U+1F20-1F46,U+1F48-1F4E,U+1F50-1F58,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7E,U+1F80-1FB5,U+1FB6-1FC5,U+1FC6-1FD4,U+1FD6-1FDC,U+1FDD-1FF0,U+1FF2-1FF5,U+1FF6-1FFF; + font-named-instance: 'Regular'; +} +/* vietnamese */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.vietnamese.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0102-0104,U+0110-0112,U+0128-012A,U+0168-016A,U+01A0-01A2,U+01AF-01B1,U+1EA0-1EFA,U+20AB; + font-named-instance: 'Regular'; +} +/* latin-ext */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.latin-ext.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0100-0149,U+014A-01C4,U+01C5-0250,U+0259,U+1E00-1F00,U+2020,U+20A0-20AC,U+20AD-20C0,U+2113,U+2C7C,U+2C7F,U+A7FF; + font-named-instance: 'Regular'; +} +/* latin */ +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.latin.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF; + font-named-instance: 'Regular'; +} \ No newline at end of file diff --git a/docs/_includes/Inter-static.css b/docs/_includes/Inter-static.css new file mode 100644 index 000000000..f16ba4d87 --- /dev/null +++ b/docs/_includes/Inter-static.css @@ -0,0 +1,152 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url("font-files/Inter-Thin.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Thin.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: url("font-files/Inter-ThinItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-ThinItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url("font-files/Inter-ExtraLight.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-ExtraLight.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url("font-files/Inter-ExtraLightItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-ExtraLightItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("font-files/Inter-Light.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Light.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url("font-files/Inter-LightItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-LightItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("font-files/Inter-Regular.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Regular.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("font-files/Inter-Italic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Italic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("font-files/Inter-Medium.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Medium.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("font-files/Inter-MediumItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-MediumItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("font-files/Inter-SemiBold.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-SemiBold.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url("font-files/Inter-SemiBoldItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-SemiBoldItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("font-files/Inter-Bold.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Bold.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("font-files/Inter-BoldItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-BoldItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url("font-files/Inter-ExtraBold.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-ExtraBold.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url("font-files/Inter-ExtraBoldItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-ExtraBoldItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url("font-files/Inter-Black.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-Black.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url("font-files/Inter-BlackItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/Inter-BlackItalic.woff?v={{font_v}}") format("woff"); +} diff --git a/docs/_includes/Inter.var.css b/docs/_includes/Inter.var.css new file mode 100644 index 000000000..bd39c06f3 --- /dev/null +++ b/docs/_includes/Inter.var.css @@ -0,0 +1,72 @@ +/* extra */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.extra.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E081,U+E093-E097,U+E0A5-E0E7,U+E0F3-E11D,U+E11E-E165,U+EE01,U+F6C3; +} +/* alternates */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.alternates.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E081,U+E093-E097,U+E0A5-E0E7,U+E0F3-E11D,U+E11E-E165,U+EE01,U+F6C3; +} +/* symbols */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.symbols.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+20DD-20DF,U+2190-219A,U+21A9-21AB,U+21B0-21B2,U+21B3-21B6,U+21BA-21BC,U+21D0,U+21D2,U+21D4,U+21DE-21E0,U+21E4-21E6,U+21E7,U+21EA,U+2303,U+2305,U+2318,U+2325-2328,U+232B,U+2380,U+2387,U+238B,U+23CE-23D0,U+2460-2469,U+24B6-24D0,U+24EA,U+25A0-25A3,U+25B2-25B4,U+25B6-25B8,U+25BA-25BE,U+25C0-25C2,U+25C4-25C8,U+25CB,U+25CF,U+25EF,U+2600,U+2605-2607,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2789,U+27F5-27FB,U+2B06,U+2B12-2B14,U+2B1C,U+E000,U+E12B-E164,U+1F130-1F14A,U+1F850,U+1F852; +} +/* cyrillic */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.cyrillic.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0400-049E,U+04A0-0500,U+052F,U+20B4,U+2116,U+2DFF,U+A69F; +} +/* greek */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.greek.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0370-0378,U+037A-0380,U+0384-038B,U+038C,U+038E-03A2,U+03A3-03E2,U+03F0-0400,U+1F00-1F16,U+1F18-1F1E,U+1F20-1F46,U+1F48-1F4E,U+1F50-1F58,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7E,U+1F80-1FB5,U+1FB6-1FC5,U+1FC6-1FD4,U+1FD6-1FDC,U+1FDD-1FF0,U+1FF2-1FF5,U+1FF6-1FFF; +} +/* vietnamese */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.vietnamese.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0102-0104,U+0110-0112,U+0128-012A,U+0168-016A,U+01A0-01A2,U+01AF-01B1,U+1EA0-1EFA,U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.latin-ext.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0100-0149,U+014A-01C4,U+01C5-0250,U+0259,U+1E00-1F00,U+2020,U+20A0-20AC,U+20AD-20C0,U+2113,U+2C7C,U+2C7F,U+A7FF; +} +/* latin */ +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.latin.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF; +} \ No newline at end of file diff --git a/docs/_includes/InterDisplay-italic.var.css b/docs/_includes/InterDisplay-italic.var.css new file mode 100644 index 000000000..c638d2b37 --- /dev/null +++ b/docs/_includes/InterDisplay-italic.var.css @@ -0,0 +1,80 @@ +/* extra */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.extra.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E0E7,U+E0F3-E15F,U+F6C3; + font-named-instance: 'Italic'; +} +/* alternates */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.alternates.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E0E7,U+E0F3-E15F,U+F6C3; + font-named-instance: 'Italic'; +} +/* symbols */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.symbols.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+20DD-20DF,U+2190-219A,U+21A9-21AB,U+21B0-21B2,U+21B3-21B6,U+21BA-21BC,U+21D0,U+21D2,U+21D4,U+21DE-21E0,U+21E4-21E6,U+21E7,U+21EA,U+2303,U+2305,U+2318,U+2325-2328,U+232B,U+2387,U+238B,U+23CE-23D0,U+2460-2469,U+24B6-24D0,U+24EA,U+25A0-25A3,U+25B2-25B4,U+25B6-25B8,U+25BA-25BE,U+25C0-25C2,U+25C4-25C8,U+25CB,U+25CF,U+25EF,U+2600,U+2605-2607,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2789,U+27F5-27FB,U+2B06,U+2B12-2B14,U+2B1C,U+E000,U+E12B-E15F,U+1F130-1F14A,U+1F850,U+1F852; + font-named-instance: 'Italic'; +} +/* cyrillic */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.cyrillic.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0400-049E,U+04A0-0500,U+052F,U+20B4,U+2116,U+2DFF,U+A69F; + font-named-instance: 'Italic'; +} +/* greek */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.greek.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0370-0378,U+037A-0380,U+0384-038B,U+038C,U+038E-03A2,U+03A3-03E2,U+03F0-0400,U+1F00-1F16,U+1F18-1F1E,U+1F20-1F46,U+1F48-1F4E,U+1F50-1F58,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7E,U+1F80-1FB5,U+1FB6-1FC5,U+1FC6-1FD4,U+1FD6-1FDC,U+1FDD-1FF0,U+1FF2-1FF5,U+1FF6-1FFF; + font-named-instance: 'Italic'; +} +/* vietnamese */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.vietnamese.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0102-0104,U+0110-0112,U+0128-012A,U+0168-016A,U+01A0-01A2,U+01AF-01B1,U+1EA0-1EFA,U+20AB; + font-named-instance: 'Italic'; +} +/* latin-ext */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.latin-ext.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0100-0149,U+014A-01C4,U+01C5-0250,U+0259,U+1E00-1F00,U+2020,U+20A0-20AC,U+20AD-20BF,U+2113,U+2C7C,U+2C7F,U+A7FF; + font-named-instance: 'Italic'; +} +/* latin */ +@font-face { + font-family: 'InterDisplay var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-italic.latin.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF; + font-named-instance: 'Italic'; +} \ No newline at end of file diff --git a/docs/_includes/InterDisplay-roman.var.css b/docs/_includes/InterDisplay-roman.var.css new file mode 100644 index 000000000..1e690a09f --- /dev/null +++ b/docs/_includes/InterDisplay-roman.var.css @@ -0,0 +1,80 @@ +/* extra */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.extra.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E0E7,U+E0F3-E15F,U+F6C3; + font-named-instance: 'Regular'; +} +/* alternates */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.alternates.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E0E7,U+E0F3-E15F,U+F6C3; + font-named-instance: 'Regular'; +} +/* symbols */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.symbols.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+20DD-20DF,U+2190-219A,U+21A9-21AB,U+21B0-21B2,U+21B3-21B6,U+21BA-21BC,U+21D0,U+21D2,U+21D4,U+21DE-21E0,U+21E4-21E6,U+21E7,U+21EA,U+2303,U+2305,U+2318,U+2325-2328,U+232B,U+2387,U+238B,U+23CE-23D0,U+2460-2469,U+24B6-24D0,U+24EA,U+25A0-25A3,U+25B2-25B4,U+25B6-25B8,U+25BA-25BE,U+25C0-25C2,U+25C4-25C8,U+25CB,U+25CF,U+25EF,U+2600,U+2605-2607,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2789,U+27F5-27FB,U+2B06,U+2B12-2B14,U+2B1C,U+E000,U+E12B-E15F,U+1F130-1F14A,U+1F850,U+1F852; + font-named-instance: 'Regular'; +} +/* cyrillic */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.cyrillic.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0400-049E,U+04A0-0500,U+052F,U+20B4,U+2116,U+2DFF,U+A69F; + font-named-instance: 'Regular'; +} +/* greek */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.greek.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0370-0378,U+037A-0380,U+0384-038B,U+038C,U+038E-03A2,U+03A3-03E2,U+03F0-0400,U+1F00-1F16,U+1F18-1F1E,U+1F20-1F46,U+1F48-1F4E,U+1F50-1F58,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7E,U+1F80-1FB5,U+1FB6-1FC5,U+1FC6-1FD4,U+1FD6-1FDC,U+1FDD-1FF0,U+1FF2-1FF5,U+1FF6-1FFF; + font-named-instance: 'Regular'; +} +/* vietnamese */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.vietnamese.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0102-0104,U+0110-0112,U+0128-012A,U+0168-016A,U+01A0-01A2,U+01AF-01B1,U+1EA0-1EFA,U+20AB; + font-named-instance: 'Regular'; +} +/* latin-ext */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.latin-ext.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0100-0149,U+014A-01C4,U+01C5-0250,U+0259,U+1E00-1F00,U+2020,U+20A0-20AC,U+20AD-20BF,U+2113,U+2C7C,U+2C7F,U+A7FF; + font-named-instance: 'Regular'; +} +/* latin */ +@font-face { + font-family: 'InterDisplay var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay-roman.latin.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF; + font-named-instance: 'Regular'; +} \ No newline at end of file diff --git a/docs/_includes/InterDisplay-static.css b/docs/_includes/InterDisplay-static.css new file mode 100644 index 000000000..c62a45465 --- /dev/null +++ b/docs/_includes/InterDisplay-static.css @@ -0,0 +1,152 @@ +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url("font-files/InterDisplay-Thin.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Thin.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: url("font-files/InterDisplay-ThinItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-ThinItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url("font-files/InterDisplay-ExtraLight.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-ExtraLight.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url("font-files/InterDisplay-ExtraLightItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-ExtraLightItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("font-files/InterDisplay-Light.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Light.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url("font-files/InterDisplay-LightItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-LightItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("font-files/InterDisplay-Regular.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Regular.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("font-files/InterDisplay-Italic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Italic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("font-files/InterDisplay-Medium.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Medium.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("font-files/InterDisplay-MediumItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-MediumItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("font-files/InterDisplay-SemiBold.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-SemiBold.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url("font-files/InterDisplay-SemiBoldItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-SemiBoldItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("font-files/InterDisplay-Bold.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Bold.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("font-files/InterDisplay-BoldItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-BoldItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url("font-files/InterDisplay-ExtraBold.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-ExtraBold.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url("font-files/InterDisplay-ExtraBoldItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-ExtraBoldItalic.woff?v={{font_v}}") format("woff"); +} + +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url("font-files/InterDisplay-Black.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-Black.woff?v={{font_v}}") format("woff"); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url("font-files/InterDisplay-BlackItalic.woff2?v={{font_v}}") format("woff2"), + url("font-files/InterDisplay-BlackItalic.woff?v={{font_v}}") format("woff"); +} diff --git a/docs/_includes/InterDisplay.var.css b/docs/_includes/InterDisplay.var.css new file mode 100644 index 000000000..0ef23e0a6 --- /dev/null +++ b/docs/_includes/InterDisplay.var.css @@ -0,0 +1,72 @@ +/* extra */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.extra.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E0E7,U+E0F3-E15F,U+F6C3; +} +/* alternates */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.alternates.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+E000,U+E002-E0E7,U+E0F3-E15F,U+F6C3; +} +/* symbols */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.symbols.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+20DD-20DF,U+2190-219A,U+21A9-21AB,U+21B0-21B2,U+21B3-21B6,U+21BA-21BC,U+21D0,U+21D2,U+21D4,U+21DE-21E0,U+21E4-21E6,U+21E7,U+21EA,U+2303,U+2305,U+2318,U+2325-2328,U+232B,U+2387,U+238B,U+23CE-23D0,U+2460-2469,U+24B6-24D0,U+24EA,U+25A0-25A3,U+25B2-25B4,U+25B6-25B8,U+25BA-25BE,U+25C0-25C2,U+25C4-25C8,U+25CB,U+25CF,U+25EF,U+2600,U+2605-2607,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2789,U+27F5-27FB,U+2B06,U+2B12-2B14,U+2B1C,U+E000,U+E12B-E15F,U+1F130-1F14A,U+1F850,U+1F852; +} +/* cyrillic */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.cyrillic.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0400-049E,U+04A0-0500,U+052F,U+20B4,U+2116,U+2DFF,U+A69F; +} +/* greek */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.greek.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0370-0378,U+037A-0380,U+0384-038B,U+038C,U+038E-03A2,U+03A3-03E2,U+03F0-0400,U+1F00-1F16,U+1F18-1F1E,U+1F20-1F46,U+1F48-1F4E,U+1F50-1F58,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7E,U+1F80-1FB5,U+1FB6-1FC5,U+1FC6-1FD4,U+1FD6-1FDC,U+1FDD-1FF0,U+1FF2-1FF5,U+1FF6-1FFF; +} +/* vietnamese */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.vietnamese.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0102-0104,U+0110-0112,U+0128-012A,U+0168-016A,U+01A0-01A2,U+01AF-01B1,U+1EA0-1EFA,U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.latin-ext.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0100-0149,U+014A-01C4,U+01C5-0250,U+0259,U+1E00-1F00,U+2020,U+20A0-20AC,U+20AD-20BF,U+2113,U+2C7C,U+2C7F,U+A7FF; +} +/* latin */ +@font-face { + font-family: 'InterDisplay var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/InterDisplay.latin.var.woff2?v={{font_v}}') format('woff2'); + unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF; +} \ No newline at end of file diff --git a/docs/_includes/preload-font-files.html b/docs/_includes/preload-font-files.html index cbeaab35c..ef3f393d4 100644 --- a/docs/_includes/preload-font-files.html +++ b/docs/_includes/preload-font-files.html @@ -5,5 +5,5 @@ assign url_root = "/" %}{% else %}{% assign url_root = "/inter/" %}{% endif %}{% assign font_v = site.data.fontinfo[0].version -%} - \ No newline at end of file +%} + \ No newline at end of file diff --git a/docs/font-files/Inter-italic.alternates.var.woff2 b/docs/font-files/Inter-italic.alternates.var.woff2 new file mode 100644 index 000000000..cbeb7846c Binary files /dev/null and b/docs/font-files/Inter-italic.alternates.var.woff2 differ diff --git a/docs/font-files/Inter-italic.cyrillic.var.woff2 b/docs/font-files/Inter-italic.cyrillic.var.woff2 new file mode 100644 index 000000000..90930a091 Binary files /dev/null and b/docs/font-files/Inter-italic.cyrillic.var.woff2 differ diff --git a/docs/font-files/Inter-italic.extra.var.woff2 b/docs/font-files/Inter-italic.extra.var.woff2 new file mode 100644 index 000000000..cbeb7846c Binary files /dev/null and b/docs/font-files/Inter-italic.extra.var.woff2 differ diff --git a/docs/font-files/Inter-italic.greek.var.woff2 b/docs/font-files/Inter-italic.greek.var.woff2 new file mode 100644 index 000000000..c0684d11d Binary files /dev/null and b/docs/font-files/Inter-italic.greek.var.woff2 differ diff --git a/docs/font-files/Inter-italic.latin-ext.var.woff2 b/docs/font-files/Inter-italic.latin-ext.var.woff2 new file mode 100644 index 000000000..be543c421 Binary files /dev/null and b/docs/font-files/Inter-italic.latin-ext.var.woff2 differ diff --git a/docs/font-files/Inter-italic.latin.var.woff2 b/docs/font-files/Inter-italic.latin.var.woff2 new file mode 100644 index 000000000..5066cfdf3 Binary files /dev/null and b/docs/font-files/Inter-italic.latin.var.woff2 differ diff --git a/docs/font-files/Inter-italic.symbols.var.woff2 b/docs/font-files/Inter-italic.symbols.var.woff2 new file mode 100644 index 000000000..1542bc951 Binary files /dev/null and b/docs/font-files/Inter-italic.symbols.var.woff2 differ diff --git a/docs/font-files/Inter-italic.vietnamese.var.woff2 b/docs/font-files/Inter-italic.vietnamese.var.woff2 new file mode 100644 index 000000000..badcf3255 Binary files /dev/null and b/docs/font-files/Inter-italic.vietnamese.var.woff2 differ diff --git a/docs/font-files/Inter-roman.alternates.var.woff2 b/docs/font-files/Inter-roman.alternates.var.woff2 new file mode 100644 index 000000000..f2ee9eeb1 Binary files /dev/null and b/docs/font-files/Inter-roman.alternates.var.woff2 differ diff --git a/docs/font-files/Inter-roman.cyrillic.var.woff2 b/docs/font-files/Inter-roman.cyrillic.var.woff2 new file mode 100644 index 000000000..a9378e78a Binary files /dev/null and b/docs/font-files/Inter-roman.cyrillic.var.woff2 differ diff --git a/docs/font-files/Inter-roman.extra.var.woff2 b/docs/font-files/Inter-roman.extra.var.woff2 new file mode 100644 index 000000000..f2ee9eeb1 Binary files /dev/null and b/docs/font-files/Inter-roman.extra.var.woff2 differ diff --git a/docs/font-files/Inter-roman.greek.var.woff2 b/docs/font-files/Inter-roman.greek.var.woff2 new file mode 100644 index 000000000..8604c8a00 Binary files /dev/null and b/docs/font-files/Inter-roman.greek.var.woff2 differ diff --git a/docs/font-files/Inter-roman.latin-ext.var.woff2 b/docs/font-files/Inter-roman.latin-ext.var.woff2 new file mode 100644 index 000000000..ac92ffba4 Binary files /dev/null and b/docs/font-files/Inter-roman.latin-ext.var.woff2 differ diff --git a/docs/font-files/Inter-roman.latin.var.woff2 b/docs/font-files/Inter-roman.latin.var.woff2 new file mode 100644 index 000000000..9503ba17f Binary files /dev/null and b/docs/font-files/Inter-roman.latin.var.woff2 differ diff --git a/docs/font-files/Inter-roman.symbols.var.woff2 b/docs/font-files/Inter-roman.symbols.var.woff2 new file mode 100644 index 000000000..c8da08894 Binary files /dev/null and b/docs/font-files/Inter-roman.symbols.var.woff2 differ diff --git a/docs/font-files/Inter-roman.vietnamese.var.woff2 b/docs/font-files/Inter-roman.vietnamese.var.woff2 new file mode 100644 index 000000000..b65ab546e Binary files /dev/null and b/docs/font-files/Inter-roman.vietnamese.var.woff2 differ diff --git a/docs/font-files/Inter.alternates.var.woff2 b/docs/font-files/Inter.alternates.var.woff2 new file mode 100644 index 000000000..d2a22c359 Binary files /dev/null and b/docs/font-files/Inter.alternates.var.woff2 differ diff --git a/docs/font-files/Inter.cyrillic.var.woff2 b/docs/font-files/Inter.cyrillic.var.woff2 new file mode 100644 index 000000000..4ced80bbf Binary files /dev/null and b/docs/font-files/Inter.cyrillic.var.woff2 differ diff --git a/docs/font-files/Inter.extra.var.woff2 b/docs/font-files/Inter.extra.var.woff2 new file mode 100644 index 000000000..d2a22c359 Binary files /dev/null and b/docs/font-files/Inter.extra.var.woff2 differ diff --git a/docs/font-files/Inter.greek.var.woff2 b/docs/font-files/Inter.greek.var.woff2 new file mode 100644 index 000000000..a200a16dd Binary files /dev/null and b/docs/font-files/Inter.greek.var.woff2 differ diff --git a/docs/font-files/Inter.latin-ext.var.woff2 b/docs/font-files/Inter.latin-ext.var.woff2 new file mode 100644 index 000000000..7b165071a Binary files /dev/null and b/docs/font-files/Inter.latin-ext.var.woff2 differ diff --git a/docs/font-files/Inter.latin.var.woff2 b/docs/font-files/Inter.latin.var.woff2 new file mode 100644 index 000000000..acd1d9752 Binary files /dev/null and b/docs/font-files/Inter.latin.var.woff2 differ diff --git a/docs/font-files/Inter.symbols.var.woff2 b/docs/font-files/Inter.symbols.var.woff2 new file mode 100644 index 000000000..028db61b2 Binary files /dev/null and b/docs/font-files/Inter.symbols.var.woff2 differ diff --git a/docs/font-files/Inter.vietnamese.var.woff2 b/docs/font-files/Inter.vietnamese.var.woff2 new file mode 100644 index 000000000..c1ccbd680 Binary files /dev/null and b/docs/font-files/Inter.vietnamese.var.woff2 differ diff --git a/docs/index.html b/docs/index.html index 02ba2a27b..8ac360641 100644 --- a/docs/index.html +++ b/docs/index.html @@ -497,8 +497,8 @@ html { font-family: 'Inter', sans-serif; }

How reliable are the fonts served from rsms.me/inter?

- rsms.me/inter is backed by GitHub's server network and distributed - globally on the CloudFlare CDN, making usage of + rsms.me/inter is distributed globally over CloudFlare's CDN, + backed by GitHub's servers, making usage of https://rsms.me/inter/inter.css and associated font files very reliable and fast throughout the world. @@ -523,12 +523,13 @@ html { font-family: 'Inter', sans-serif; } How do I subset the font files? The web fonts provided by inter.css and - inter-display.css already use subset font files. - If you need special, customized subsets or subsetting of OTF or TTF files, - have a look at the tools + inter-display.css are already subset + (variable version.) + If you need special customized subsets, or subsetting OTF or TTF files, + have a look at pyftsubset and - glyphhanger + glyphhanger. diff --git a/docs/inter-display.css b/docs/inter-display.css index 96c47c4cf..f9efe79d5 100644 --- a/docs/inter-display.css +++ b/docs/inter-display.css @@ -2,221 +2,33 @@ layout: none --- {% assign font_v = site.data.fontinfo[0].version %} -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 100; - font-display: swap; - src: url("font-files/InterDisplay-Thin.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Thin.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 100; - font-display: swap; - src: url("font-files/InterDisplay-ThinItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-ThinItalic.woff?v={{font_v}}") format("woff"); -} +/* +Font families defined by this CSS: -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 200; - font-display: swap; - src: url("font-files/InterDisplay-ExtraLight.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-ExtraLight.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 200; - font-display: swap; - src: url("font-files/InterDisplay-ExtraLightItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-ExtraLightItalic.woff?v={{font_v}}") format("woff"); -} +- "InterDisplay" static "traditional" fonts for older web browsers +- "InterDisplay var" single-axis variable fonts for all modern browsers +- "InterDisplay var experimental" multi-axis variable fonts for modern web browsers -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: url("font-files/InterDisplay-Light.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Light.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 300; - font-display: swap; - src: url("font-files/InterDisplay-LightItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-LightItalic.woff?v={{font_v}}") format("woff"); -} +Use like this in your CSS: -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("font-files/InterDisplay-Regular.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Regular.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("font-files/InterDisplay-Italic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Italic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("font-files/InterDisplay-Medium.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Medium.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("font-files/InterDisplay-MediumItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-MediumItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("font-files/InterDisplay-SemiBold.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-SemiBold.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url("font-files/InterDisplay-SemiBoldItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-SemiBoldItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("font-files/InterDisplay-Bold.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Bold.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("font-files/InterDisplay-BoldItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-BoldItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 800; - font-display: swap; - src: url("font-files/InterDisplay-ExtraBold.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-ExtraBold.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 800; - font-display: swap; - src: url("font-files/InterDisplay-ExtraBoldItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-ExtraBoldItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 900; - font-display: swap; - src: url("font-files/InterDisplay-Black.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-Black.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 900; - font-display: swap; - src: url("font-files/InterDisplay-BlackItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/InterDisplay-BlackItalic.woff?v={{font_v}}") format("woff"); -} - -/* ------------------------------------------------------- -Variable font. -Usage: - - html { font-family: 'InterDisplay', sans-serif; } + h1,h2,h3,h4,h5,h6 { font-family: 'InterDisplay', sans-serif; } @supports (font-variation-settings: normal) { - html { font-family: 'InterDisplay var', sans-serif; } + h1,h2,h3,h4,h5,h6 { font-family: 'InterDisplay var', sans-serif; } } -*/ -@font-face { - font-family: 'InterDisplay var'; - font-weight: 100 900; - font-style: normal; - font-named-instance: 'Regular'; - font-display: swap; - src: url("font-files/InterDisplay-roman.var.woff2?v={{font_v}}") format("woff2"); -} -@font-face { - font-family: 'InterDisplay var'; - font-weight: 100 900; - font-style: italic; - font-named-instance: 'Italic'; - font-display: swap; - src: url("font-files/InterDisplay-italic.var.woff2?v={{font_v}}") format("woff2"); -} -/* Legacy naming compatibility */ -@font-face { - font-family: 'InterDisplay var alt'; - font-weight: 100 900; - font-style: normal; - font-named-instance: 'Regular'; - font-display: swap; - src: url("font-files/InterDisplay-roman.var.woff2?v={{font_v}}") format("woff2"); -} -@font-face { - font-family: 'InterDisplay var alt'; - font-weight: 100 900; - font-style: italic; - font-named-instance: 'Italic'; - font-display: swap; - src: url("font-files/InterDisplay-italic.var.woff2?v={{font_v}}") format("woff2"); -} +------------------------- static ------------------------- */ +{% include InterDisplay-static.css %} +/* ----------------------- variable ----------------------- */ +{% include InterDisplay-italic.var.css %} +{% include InterDisplay-roman.var.css %} -/* -------------------------------------------------------------------------- -[EXPERIMENTAL] Multi-axis, single variable font. +/* ----------- experimental multi-axis variable ----------- 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. - +multi-axis single-file variable font is opt-in rather than the default. +When using this, you will likely need to set font-variation-settings explicitly, e.g: * { font-variation-settings: "slnt" 0deg } .italic { font-variation-settings: "slnt" 10deg } - */ -@font-face { - font-family: 'InterDisplay var experimental'; - font-weight: 100 900; - font-style: oblique 0deg 10deg; - font-display: swap; - src: url("font-files/InterDisplay.var.woff2?v={{font_v}}") format("woff2"); -} +{% include InterDisplay.var.css %} diff --git a/docs/inter.css b/docs/inter.css index 6d14d03ab..53b1bb439 100644 --- a/docs/inter.css +++ b/docs/inter.css @@ -2,186 +2,38 @@ layout: none --- {% assign font_v = site.data.fontinfo[0].version %} -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 100; - font-display: swap; - src: url("font-files/Inter-Thin.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Thin.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 100; - font-display: swap; - src: url("font-files/Inter-ThinItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-ThinItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 200; - font-display: swap; - src: url("font-files/Inter-ExtraLight.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-ExtraLight.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 200; - font-display: swap; - src: url("font-files/Inter-ExtraLightItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-ExtraLightItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: url("font-files/Inter-Light.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Light.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 300; - font-display: swap; - src: url("font-files/Inter-LightItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-LightItalic.woff?v={{font_v}}") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("font-files/Inter-Regular.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Regular.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("font-files/Inter-Italic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Italic.woff?v={{font_v}}") format("woff"); -} +/* +Font families defined by this CSS: -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("font-files/Inter-Medium.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Medium.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("font-files/Inter-MediumItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-MediumItalic.woff?v={{font_v}}") format("woff"); -} +- "Inter" static "traditional" fonts for older web browsers +- "Inter var" single-axis variable fonts for all modern browsers +- "Inter var experimental" multi-axis variable fonts for modern web browsers -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("font-files/Inter-SemiBold.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-SemiBold.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url("font-files/Inter-SemiBoldItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-SemiBoldItalic.woff?v={{font_v}}") format("woff"); -} +Use like this in your CSS: -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("font-files/Inter-Bold.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Bold.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("font-files/Inter-BoldItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-BoldItalic.woff?v={{font_v}}") format("woff"); -} + :root { font-family: 'Inter', sans-serif; } + @supports (font-variation-settings: normal) { + :root { font-family: 'Inter var', sans-serif; } + } -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 800; - font-display: swap; - src: url("font-files/Inter-ExtraBold.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-ExtraBold.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 800; - font-display: swap; - src: url("font-files/Inter-ExtraBoldItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-ExtraBoldItalic.woff?v={{font_v}}") format("woff"); -} +------------------------- static ------------------------- */ +{% include Inter-static.css %} -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 900; - font-display: swap; - src: url("font-files/Inter-Black.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-Black.woff?v={{font_v}}") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 900; - font-display: swap; - src: url("font-files/Inter-BlackItalic.woff2?v={{font_v}}") format("woff2"), - url("font-files/Inter-BlackItalic.woff?v={{font_v}}") format("woff"); -} +/* ----------------------- variable ----------------------- */ +{% include Inter-italic.var.css %} +{% include Inter-roman.var.css %} -/* ------------------------------------------------------- -Variable font. -Usage: +/* ----------- experimental multi-axis variable ----------- - html { font-family: 'Inter', sans-serif; } - @supports (font-variation-settings: normal) { - html { font-family: 'Inter var', sans-serif; } - } +Slant axis is not yet widely supported (as of February 2019) and thus this +multi-axis single-file variable font is opt-in rather than the default. +When using this, you will likely 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'; - font-weight: 100 900; - font-style: normal; - font-named-instance: 'Regular'; - font-display: swap; - src: url("font-files/Inter-roman.var.woff2?v={{font_v}}") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-style: italic; - font-named-instance: 'Italic'; - font-display: swap; - src: url("font-files/Inter-italic.var.woff2?v={{font_v}}") format("woff2"); -} +{% include Inter.var.css %} -/* Legacy naming compatibility */ +/* Legacy name (became legacy on Feb 2, 2019) */ @font-face { font-family: 'Inter var alt'; font-weight: 100 900; @@ -198,25 +50,3 @@ Usage: font-display: swap; src: url("font-files/Inter-italic.var.woff2?v={{font_v}}") 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; - font-display: swap; - src: url("font-files/Inter.var.woff2?v={{font_v}}") format("woff2"); -} -- cgit v1.2.3