diff options
Diffstat (limited to 'docs/inter.css')
| -rw-r--r-- | docs/inter.css | 34 |
1 files changed, 33 insertions, 1 deletions
diff --git a/docs/inter.css b/docs/inter.css index 66877548f..b812483c6 100644 --- a/docs/inter.css +++ b/docs/inter.css @@ -1,7 +1,7 @@ --- layout: none --- -{% assign font_v = site.data.fontinfo[0].version | append: "b" %} +{% assign font_v = site.data.fontinfo[0].version %} /* Font families defined by this CSS: @@ -20,8 +20,29 @@ Use like this in your CSS: {% include Inter-static.css %} /* ----------------------- variable ----------------------- */ + +{%- comment -%} {% include Inter-italic.var.css %} {% include Inter-roman.var.css %} +{%- endcomment %} + +@font-face { + font-family: 'Inter var'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-roman.var.woff2?v={{font_v}}') format('woff2'); + font-named-instance: 'Regular'; +} + +@font-face { + font-family: 'Inter var'; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter-italic.var.woff2?v={{font_v}}') format('woff2'); + font-named-instance: 'Italic'; +} /* ----------- experimental multi-axis variable ----------- @@ -31,7 +52,18 @@ When using this, you will likely need to set font-variation-settings explicitly, * { font-variation-settings: "slnt" 0deg } .italic { font-variation-settings: "slnt" 10deg } */ + +{%- comment -%} {% include Inter.var.css %} +{%- endcomment %} + +@font-face { + font-family: 'Inter var experimental'; + font-style: oblique 0deg 10deg; + font-weight: 100 900; + font-display: swap; + src: url('font-files/Inter.var.woff2?v={{font_v}}') format('woff2'); +} /* Legacy name (became legacy on Feb 2, 2019) */ @font-face { |