new v4 website

3 files changed, 157 insertions, 200 deletions

diff --git a/docs/_data/feature_samples.yml b/docs/_data/feature_samples.yml
index 8ebd33c18..c15f4e243 100644
--- a/docs/_data/feature_samples.yml
+++ b/docs/_data/feature_samples.yml
@@ -1,36 +1,32 @@
 
-- title: Contextual alternates
-  tag:   calt
+- tag: calt
+  title: Contextual alternates
   description:
-    This feature is usually enabled by default and causes certain characters to adjust
-    themselves or be replaced depending on the surrounding context.
+    Depending on the surrounding context, different glyphs are used.
+    Enabled by default
   samples:
-    - "3›x‹9"
-    - "12›:‹34, FE›—‹X"
-    - "4›.‹2"
-    - "›(‹SEMI›)‹PERMANENT"
-    - "SFO ›→‹ STO"
-    - "IIA ›⟶‹ OGG"
-    - "ARN ›⟺‹ OGG"
-    - "M›@‹N m@n"
-    - "Smile ›:-)‹"
-
-
-# - title: Arrows
-#   tag:   calt
-#   description:
-#     Arrows are part of Contextual alternates.
-#   samples:
-#     - "-> --> --->"
-#     - "<- <-- <---"
-#     - "<-> <-->"
-#     - "=> ==> <=="
-#     - "<=> <==>"
-#   footer:
-#     "In addition to contextual alternates, Inter also provides some ligatures
-#     like for instance specialized glyphs for enclosing combining glyphs. Examples:<br>
-#     U+0041 U+20DD => A\u20DD<br>
-#     U+0023 U+20DE => #\u20DE<br>"
+    - "3›x‹9&nbsp; 12›:‹34&nbsp; 3›–‹8&nbsp; ›+‹8+x"
+    - "›(‹SEMI›)‹PER›[‹M›]‹ANE›{‹N›}‹T"
+    - "-> --> ---> => ==> <->"
+    - "S›@‹N&nbsp; s@n&nbsp; ›:-)‹&nbsp; ›•‹Smile"
+
+
+- tag: liga
+  title: Standard Ligatures
+  description: Enabled by default
+  samples:
+    - "Dif›f‹icult af›f‹ine ›f‹jord "
+    - "›f‹i ›f‹j"
+
+
+- tag: dlig
+  title: Discretionary Ligatures
+  disable: liga
+  description: Disabled by default
+  samples:
+    - "after affine art interface"
+    - "ff ffi fft ft fi tt tf df dt ff kf kt rf"
+    - "rt vf vt wf wt yf yt ›¡¿‹What›?!‹"
 
 
 - title: Tabular numbers
@@ -39,145 +35,105 @@
     Fixed-width numbers are useful for tabular data, where comparing
     columns across rows is desired.
   samples:
-    - "1234567890"
-    - "1131711›&nbsp;‹"
-    - "0040900›&nbsp;‹"
-    - "11:31,711›&nbsp;‹"
-    - "00:40.900›&nbsp;‹"
-    - "0.45, 0.91, +0.08›&nbsp;‹"
-    - "1.00, 9.44, −0.13›&nbsp;‹"
-    - "0.00, 1.13, ~7.12›&nbsp;‹"
+    - "0.45, 0.91. +0.08"
+    - "1.00; 9.44, −0.13"
+    - "0:00. 1.13; ~7.12"
 
 
 - title: Fractions
   tag:   frac
   description:
-    This feature is contextually sensitive and will convert "words" of
-    numbers separated by forward slash into proper fractions.
-    This feature is dynamic and allows for any fractions.
-    Note that the digits used for fractions are custom-made for their
-    small size, and are even made separately from the slightly larger
-    Superscript and Subscript numbers.
+    Convert spans of numbers & forward slash into fractions
   samples:
-    - "1/3&nbsp; 3/4&nbsp; 1/5"
-    - "18/29&nbsp; 16/5"
-    - "1337/591038"
+    - "1/3&nbsp; 5/12&nbsp; 0123/456789"
+    - "Approximately 6/16\""
 
 
 - title: Case alternates
   tag:   case
   description:
-    Switches out some glyphs to work better with capital letters and numbers.
+    Alternate glyphs that matches capital letters and numbers
   samples:
     - "›(‹Hello›)‹ ›[‹World›]‹ ›{‹9000›}‹"
-    - "SCHOOL ›@‹ RUN"
-    - "3 ›+‹ 9 ›=‹ 12 ›*‹ 1"
-    - "›*+÷±×=≠≈•~&lt;&gt;≤≥‹"
-    - "›→‹ ›←‹ ›⟶‹ ›⟵‹ ›−‹ ›-‹ ›–‹ ›—‹ ›:‹"
+    - "A›@‹B&nbsp; 3 ›+‹ 9 ›≈‹ 12 ›*‹ 1 ›→‹ X"
 
 
 - title: Compositions
   tag:   ccmp
   description:
-    Inter provides several custom made glyphs for compositions like
-    A + enclosed-combining-circle.
+    Custom-made glyphs for compositions.
+    Enabled by default
   samples:
-    - "Figure A›\u20DD‹"
-    - "Figure #›\u20DE‹"
-    - "Figure 3›\u20DD‹"
-    - "Figure 3›\u20DE‹"
-  footer:
-    This means that for instance enclosed glyphs
-    works everywhere, not just in apps with correct combining character logic.
+    - "›j\u200A\u0303‹&nbsp; ›i\u200A\u0300‹&nbsp; ›į\u200A\u0301‹&nbsp; ›j\u200A\u0302‹&nbsp; ›i\u200A\u0304‹"
+    - "Figure ›A\u20DD #\u20DE 3\u20DD ×\u20DE‹"
 
 
-- title: Discretionary ligatures
-  tag:   dlig
-  description:
-    Alternate style for a few chacters. This feature is usually disabled by default.
+- title: Subscript
+  tag:   subs
   samples:
-    - "›¡¿‹What›?!‹"
-    - "›¿¡‹What›!?‹"
+    - "H›2‹O SF›6‹ H›2‹SO›4‹"
+    - "ABC›123abc (+)-[=]‹"
 
 
-- title: Numerators
-  tag:   numr
+- title: Superscript
+  tag:   sups
   samples:
-    - "Hello ›0123‹"
+    - "ABC›123abc (+)-[=]‹"
 
 
 - title: Denominators
   tag:   dnom
   samples:
-    - "Hello ›0123‹"
+    - "ABC›1234567890‹"
 
 
-- title: Superscript
-  tag:   sups
+- title: Numerators
+  tag:   numr
   samples:
-    - "X›0123 (+)-[=]‹"
-    - "X›abcdefghijklmnopqrstuvwxyz‹"
+    - "ABC›1234567890‹"
 
 
-- title: Subscript
-  tag:   subs
+- tag: zero
+  title: Slashed zero
   samples:
-    - "H›0123 (+)-[=]‹"
-    - "X›abcdefghijklmnopqrstuvwxyz‹"
+    - "›0‹123"
 
 
-- title: "Stylistic set 1: Alternate digits"
+- title: "Alternate digits"
   tag:   ss01
-  description:
-    An alternate style of digits.
-    Note that individual digit styles can be cherry-picked using the cvXX
-    features.
   samples:
     - "12›34‹5›6‹78›9‹0"
-    - "›3469‹"
 
 
-- title: "Stylistic set 2: Disambiguation"
+- title: "Disambiguation"
   tag:   ss02
   description:
     Alternate glyph set that increases visual difference between
     similar-looking characters.
   samples:
     - "WP›0‹ACO9XS›I‹1›0‹12O9"
-    - "›Ill‹ega›l‹"
-    - "βeta ›ß‹eta Busine›ß‹"
+    - "›Ill‹ega›l‹ busine›ß‹ βeta"
 
 
-- title: "Stylistic set 3: r curves into round neighbors"
-  tag:   ss03
-  description:
-    Lower case r curved into neighboring round shapes for increased
-    legibility and personality.
-  samples:
-    - "Sa›r‹a"
-    - "i›r‹d"
-    - "Mon›r‹oe"
-
-
-- title: Slashed zero
-  tag:   zero
+- tag: ss03
+  title: "Round quotes & comma"
   samples:
-    - "O›0‹123"
+    - "It›’‹s ›“‹fun›”‹ here›,‹ yes"
 
 
-- title: Character variants
-  tag: cvXX
-  description: "Allows cherry-picking alternate characters."
-  samples:
-    - {feat: cv01, alt: "Alternate one", sample: "1"}
-    - {feat: cv02, alt: "Open four", sample: "4"}
-    - {feat: cv03, alt: "Open six", sample: "6"}
-    - {feat: cv04, alt: "Open nine", sample: "9"}
-    - {feat: cv05, alt: "Lower case L with tail", sample: "l ł ƚ ɫ ɬ ŀ ĺ ļ ľ ḷ ḹ ḻ ḽ"}
-    - {feat: cv06, alt: "Lower case r with curved tail", sample: "r ɽ ɍ ɼ ŕ ŗ ř ȑ ȓ ṙ ṛ ṝ ṟ"}
-    - {feat: cv07, alt: "Alternate German double-s", sample: "ß"}
-    - {feat: cv08, alt: "Upper-case i with serif", sample: "I Ï Ḯ Ɨ Ḭ Ì Í Î Ĩ Ī Ĭ Į İ Ǐ Ȉ Ȋ Ỉ Ị Ι Ί Ϊ Ἰ Ἱ Ἲ"}
-    - {feat: cv09, alt: "Flat top three", sample: "3"}
-    - {feat: cv10, alt: "Capital G with spur", sample: "G Ǥ Ɠ Ĝ Ğ Ġ Ģ Ǧ Ǵ Ḡ"}
-    - {feat: cv11, alt: "Single-storey a", sample: "a á ă ắ ặ ằ ẳ ẵ ǎ â ấ ậ ầ ẩ ẫ ȁ ä ǟ ȧ ạ ǡ à ả ȃ ā ą ẚ å ǻ ḁ ã"}
+# - title: Character variants
+#   tag: cvXX
+#   description: "Allows cherry-picking alternate characters."
+#   samples:
+#     - {feat: cv01, alt: "Alternate one", sample: "1"}
+#     - {feat: cv02, alt: "Open four", sample: "4"}
+#     - {feat: cv03, alt: "Open six", sample: "6"}
+#     - {feat: cv04, alt: "Open nine", sample: "9"}
+#     - {feat: cv05, alt: "Lower case L with tail", sample: "l ł ƚ ɫ ɬ ŀ ĺ ļ ľ ḷ ḹ ḻ ḽ"}
+#     - {feat: cv06, alt: "Lower case r with curved tail", sample: "r ɽ ɍ ɼ ŕ ŗ ř ȑ ȓ ṙ ṛ ṝ ṟ"}
+#     - {feat: cv07, alt: "Alternate German double-s", sample: "ß"}
+#     - {feat: cv08, alt: "Upper-case i with serif", sample: "I Ï Ḯ Ɨ Ḭ Ì Í Î Ĩ Ī Ĭ Į İ Ǐ Ȉ Ȋ Ỉ Ị Ι Ί Ϊ Ἰ Ἱ Ἲ"}
+#     - {feat: cv09, alt: "Flat top three", sample: "3"}
+#     - {feat: cv10, alt: "Capital G with spur", sample: "G Ǥ Ɠ Ĝ Ğ Ġ Ģ Ǧ Ǵ Ḡ"}
+#     - {feat: cv11, alt: "Single-storey a", sample: "a á ă ắ ặ ằ ẳ ẵ ǎ â ấ ậ ầ ẩ ẫ ȁ ä ǟ ȧ ạ ǡ à ả ȃ ā ą ẚ å ǻ ḁ ã"}
 
diff --git a/docs/_data/fontinfo.json b/docs/_data/fontinfo.json
index f4163d260..dc17beca9 100644
--- a/docs/_data/fontinfo.json
+++ b/docs/_data/fontinfo.json
@@ -8,9 +8,10 @@
     "OS/2": {
       "achVendID": "RSMS",
       "fsSelection": [
-        "6: REGULAR"
+        "6: REGULAR",
+        "7: USE_TYPO_METRICS"
       ],
-      "fsSelection_raw": 192,
+      "fsSelection_raw": "0b11000000",
       "fsType": {
         "bitmap_embed_only": "no",
         "no_subset": "no",
@@ -31,12 +32,12 @@
         "weightName": "Book",
         "xHeight": 4
       },
-      "sCapHeight": 2048,
+      "sCapHeight": 1490,
       "sFamilyClass": 0,
-      "sTypoAscender": 2728,
-      "sTypoDescender": -680,
+      "sTypoAscender": 1984,
+      "sTypoDescender": -494,
       "sTypoLineGap": 0,
-      "sxHeight": 1536,
+      "sxHeight": 1118,
       "ulCodePageRange1": 415,
       "ulCodePageRange2": 0,
       "ulUnicodeRange1": 3758099199,
@@ -45,104 +46,104 @@
       "ulUnicodeRange4": 0,
       "usBreakChar": 32,
       "usDefaultChar": 0,
-      "usFirstCharIndex": 32,
+      "usFirstCharIndex": 0,
       "usLastCharIndex": 65535,
-      "usMaxContext": 12,
+      "usMaxContext": 8,
       "usWeightClass": 400,
       "usWeightClassName": "Normal (Regular)",
       "usWidthClass": 5,
       "usWidthClassName": "Medium (normal)",
-      "usWinAscent": 2728,
-      "usWinDescent": 680,
+      "usWinAscent": 1984,
+      "usWinDescent": 494,
       "version": 4,
-      "xAvgCharWidth": 1838,
-      "yStrikeoutPosition": 922,
-      "yStrikeoutSize": 192,
+      "xAvgCharWidth": 1338,
+      "yStrikeoutPosition": 671,
+      "yStrikeoutSize": 140,
       "ySubscriptXOffset": 0,
-      "ySubscriptXSize": 1830,
-      "ySubscriptYOffset": 211,
-      "ySubscriptYSize": 1690,
+      "ySubscriptXSize": 1331,
+      "ySubscriptYOffset": 154,
+      "ySubscriptYSize": 1229,
       "ySuperscriptXOffset": 0,
-      "ySuperscriptXSize": 1830,
-      "ySuperscriptYOffset": 986,
-      "ySuperscriptYSize": 1690
+      "ySuperscriptXSize": 1331,
+      "ySuperscriptYOffset": 717,
+      "ySuperscriptYSize": 1229
     },
     "cmap": "[present but not decoded]",
     "head": {
-      "checkSumAdjustment": 51273463,
-      "created": 3706895026,
+      "checkSumAdjustment": 2400022008,
+      "created": 3776266544,
       "flags": [
         "0: Baseline at y=0",
-        "1: Left sidebearing point at x=0",
-        "3: Force ppem to integer values",
-        "4: Instructions may alter advance width"
+        "1: Left sidebearing point at x=0"
       ],
-      "flags_raw": 27,
+      "flags_raw": 3,
       "fontDirectionHint": 2,
-      "fontRevision": 3.0189971923828125,
+      "fontRevision": 4.0,
       "glyphDataFormat": 0,
       "indexToLocFormat": 0,
-      "lowestRecPPEM": 6,
+      "lowestRecPPEM": 3,
       "macStyle": [],
       "macStyle_raw": 0,
       "magicNumber": 1594834165,
-      "modified": 3706895048,
+      "modified": 3776266567,
       "tableVersion": 1.0,
-      "unitsPerEm": 2816,
-      "xMax": 7274,
-      "xMin": -2080,
-      "yMax": 3072,
-      "yMin": -900
+      "unitsPerEm": 2048,
+      "xMax": 5290,
+      "xMin": -1513,
+      "yMax": 2269,
+      "yMin": -654
     },
     "hhea": {
-      "advanceWidthMax": 7552,
-      "ascent": 2728,
+      "advanceWidthMax": 5492,
+      "ascent": 1984,
       "caretOffset": 0,
       "caretSlopeRise": 1,
       "caretSlopeRun": 0,
-      "descent": -680,
+      "descent": -494,
       "lineGap": 0,
       "metricDataFormat": 0,
-      "minLeftSideBearing": -2080,
-      "minRightSideBearing": -2828,
-      "numberOfHMetrics": 2547,
+      "minLeftSideBearing": -1512,
+      "minRightSideBearing": -963,
+      "numberOfHMetrics": 2637,
       "tableVersion": 65536,
-      "xMaxExtent": 7274
+      "xMaxExtent": 5290
     },
     "hmtx": "[present but not decoded]",
-    "id": "Inter-Regular:2021:0a5106e0b",
+    "id": "font-files/Inter-Regular.otf",
     "maxp": "[present but not decoded]",
-    "name": "Inter-Regular",
+    "name": "[present but not decoded]",
     "names": {
+      "#0 copyright": "Copyright 2016 The Inter Project Authors",
+      "#1 familyName": "Inter",
+      "#11 vendorURL": "https://rsms.me/",
+      "#12 designerURL": "https://rsms.me/",
+      "#13 licenseDescription": "This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL",
+      "#14 licenseURL": "http://scripts.sil.org/OFL",
+      "#2 subfamilyName": "Regular",
       "#256": "Open digits",
       "#257": "Disambiguation",
-      "#258": "r curves into round neighbors",
-      "#259": "Disambiguation without slashed zero",
+      "#258": "Round quotes & commas",
+      "#259": "Disambiguation (no slashed zero)",
       "#260": "Alternate one",
       "#261": "Open four",
       "#262": "Open six",
       "#263": "Open nine",
       "#264": "Lower-case L with tail",
-      "#265": "r with curved tail",
+      "#265": "Simplified u",
       "#266": "Alternate German double s",
       "#267": "Upper-case i with serif",
       "#268": "Flat-top three",
-      "#269": "Captital G with spur",
-      "#270": "Single-storey a",
-      "copyright": "Copyright \u00a9 2020 The Inter Project Authors",
-      "designer": "Rasmus Andersson",
-      "designerURL": "https://rsms.me/",
-      "familyName": "Inter",
-      "fontId": "Inter-Regular:2021:0a5106e0b",
-      "fullName": "Inter Regular",
-      "licenseDescription": "This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL",
-      "licenseURL": "http://scripts.sil.org/OFL",
-      "manufacturerName": "rsms",
-      "postscriptName": "Inter-Regular",
-      "subfamilyName": "Regular",
-      "trademark": "Inter UI and Inter is a trademark of rsms.",
-      "vendorURL": "https://rsms.me/",
-      "version": "Version 3.019;git-0a5106e0b"
+      "#269": "Capital G with spur",
+      "#270": "Single-story a",
+      "#271": "Compact f",
+      "#272": "Compact t",
+      "#3 fontId": "4.000;git-4b01ef878;RSMS;Inter-Regular",
+      "#4 fullName": "Inter Regular",
+      "#5 version": "Version 4.000;git-4b01ef878",
+      "#6 postscriptName": "Inter-Regular",
+      "#7 trademark": "Inter UI and Inter is a trademark of rsms.",
+      "#8 manufacturerName": "rsms",
+      "#9 designer": "Rasmus Andersson"
     },
     "post": {
       "formatType": 3.0,
@@ -152,9 +153,9 @@
       "maxMemType42": 0,
       "minMemType1": 0,
       "minMemType42": 0,
-      "underlinePosition": -464,
-      "underlineThickness": 192
+      "underlinePosition": -348,
+      "underlineThickness": 140
     },
-    "version": "3.19"
+    "version": "4.0"
   }
 ]
diff --git a/docs/_data/languages.yml b/docs/_data/languages.yml
index fa079bf50..1bf4ae9de 100644
--- a/docs/_data/languages.yml
+++ b/docs/_data/languages.yml
@@ -1,22 +1,3 @@
-- category: Cyrillic
-  languages:
-  - Azerbaijani
-  - Belarusian
-  - Bosnian
-  - Bulgarian
-  - Chechen
-  - Macedonian
-  - Ossetic
-  - Russian
-  - Sakha
-  - Serbian
-  - Ukrainian
-  - Uzbek
-
-- category: Greek
-  languages:
-  - Greek
-
 - category: Latin
   languages:
   - Afrikaans
@@ -153,3 +134,22 @@
   - Yoruba
   - Zarma
   - Zulu
+
+- category: Greek
+  languages:
+  - Greek
+
+- category: Cyrillic
+  languages:
+  - Azerbaijani
+  - Belarusian
+  - Bosnian
+  - Bulgarian
+  - Chechen
+  - Macedonian
+  - Ossetic
+  - Russian
+  - Sakha
+  - Serbian
+  - Ukrainian
+  - Uzbek