如何将Typekit字体与css内联？

Question

在我的网站上，我有这个代码注入位，我需要使用自定义字体。

我有以下代码但字体无法正确呈现（它应该非常粗体）。你可以在这里试试https://loosethreadsintel.com/fast-frivolous-building-consumer-brands-evolving-accelerating-evaporating/

我做错了什么？

<style>
      @import url("https://use.typekit.net/fpi7xqf.css");
    </style>
    <div style="width: 100%; margin: 0 auto;"> 
        <h1 class="tk-antique-olive-nord" style="color:red;  font-family: 'antique-olive-nord' ; text-shadow: -3px 3px white; text-align: center;"> FAST </h1>
    <h1 class="tk-antique-olive-nord"style="color:red;   font-family: 'antique-olive-nord';text-shadow: -3px 3px white; text-align: center;">OR  </h1>
    <h1 class="tk-antique-olive-nord" style="color:red;   font-family: 'antique-olive-nord';text-shadow: -3px 3px white; text-align: center;"> FRIVOLOUS  </h1> 
    </div>