From 4a575d2edc18a4f03958008c9e0ff74432480769 Mon Sep 17 00:00:00 2001
From: Rasmus Andersson <rasmus@figma.com>
Date: Sun, 31 Mar 2019 19:25:31 -0700
Subject: v3.4

---
 docs/index.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'docs/index.html')

diff --git a/docs/index.html b/docs/index.html
index 6d17d10b7..4615a0564 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -214,8 +214,8 @@ html { font-family: 'Inter', sans-serif; }
   </p>
   <boxes class="features">
     {% for f in site.data.feature_samples %}
-    <box>
-      <h3>{{f.title}} <q title='OpenType feature ID'>{{f.tag}}</q></h3>
+    <box class="feat-{{f.tag}}" id="features/{{f.tag}}">
+      <h3><a href="#features/{{f.tag}}">{{f.title}} <q title='OpenType feature ID'>{{f.tag}}</q></a></h3>
       {%
 
       if f.description %}
@@ -402,6 +402,17 @@ html { font-family: 'Inter', sans-serif; }
       it public, but what would be the point of that?&nbsp; :—)
     </c>
 
+    <c>
+      <h4 id="faq-chrome-vf-bugs"><a href="#faq-chrome-vf-bugs">
+        The variable font renders poorly in Chrome
+      </a></h4>
+      There are some known issues with variable fonts in Chrome, in particular
+      on Microsoft Windows. You may see an effect similar to "ink bleed" where shapes overlap, for instance where the vertical and horizontal stems meet in "+" or "t".
+      On Windows you may in addition see incorrectly placed glyphs that looks like poor kerning (spacing between characters) and even some glyphs being lower or taller than other glyphs.
+      It is recommended to avoid using variable fonts on Chrome.
+      See the <a href="https://bugs.chromium.org/p/chromium/issues/list?can=2&q=variable+component%3ABlink%3EFonts">Chromium bug tracker</a> for a list of variable-font related issues.
+    </c>
+
     <c>
       <h4 id="faq-contact"><a href="#faq-contact">
         I've made a cool thing that uses Inter, can I share it with you?<br>
-- 
cgit v1.2.3