summaryrefslogtreecommitdiff
path: root/docs/inter-display.css
diff options
context:
space:
mode:
authorRasmus Andersson <rasmus@notion.se>2021-03-29 22:30:03 +0300
committerRasmus Andersson <rasmus@notion.se>2021-03-29 22:30:03 +0300
commit637d0eb1861100028c1fb5159206a8059a658c9b (patch)
tree0e9cbee88a19873c72748867909a4cef1c21181d /docs/inter-display.css
parentbff8f875a27e130145e68612e2ed54d174ccbdcd (diff)
downloadinter-637d0eb1861100028c1fb5159206a8059a658c9b.tar.xz
web: Disable subset fonts as it turns out pyftsubset does not correctly handle substitution features causing subs like ccmp to break
Diffstat (limited to 'docs/inter-display.css')
-rw-r--r--docs/inter-display.css33
1 files changed, 32 insertions, 1 deletions
diff --git a/docs/inter-display.css b/docs/inter-display.css
index 5cd11b392..3a7354551 100644
--- a/docs/inter-display.css
+++ b/docs/inter-display.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 InterDisplay-static.css %}
/* ----------------------- variable ----------------------- */
+
+{%- comment -%}
{% include InterDisplay-italic.var.css %}
{% include InterDisplay-roman.var.css %}
+{%- endcomment %}
+
+@font-face {
+ font-family: 'InterDisplay var';
+ font-style: normal;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url('font-files/InterDisplay-roman.var.woff2?v={{font_v}}') format('woff2');
+ font-named-instance: 'Regular';
+}
+
+@font-face {
+ font-family: 'InterDisplay var';
+ font-style: italic;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url('font-files/InterDisplay-italic.var.woff2?v={{font_v}}') format('woff2');
+ font-named-instance: 'Italic';
+}
/* ----------- experimental multi-axis variable -----------
@@ -31,4 +52,14 @@ 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 InterDisplay.var.css %}
+{%- endcomment %}
+
+@font-face {
+ font-family: 'InterDisplay var experimental';
+ font-style: oblique 0deg 10deg;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url('font-files/InterDisplay.var.woff2?v={{font_v}}') format('woff2');
+}