有没有办法让google字体网站上没有来自或存在的字体与Codepen一起使用？

Question

我在Google字体环境之外找到了我喜欢的字体，但是我很难弄清楚如何将它们添加到Codepen环境中。

他们在本地工作很棒，只需将字体从“Font 1001”保存到我的css文件夹中的fonts文件夹，然后使用以下代码执行：

@font-face {
  font-family: "Ostrich";
  src: url("fonts/Oslo_II.ttf") format('truetype');
}

@font-face {
  font-family: "Ostrich-Bold";
  src: url("fonts/Oslo_II_Bold.tff") format('truetype');
}

@font-face {
  font-family: "Adler";
  src: url("fonts/Adler.ttf") format('truetype');
}

“Font 1001”提供了字体的固定链接，但它们不使用codepen似乎喜欢的url格式，我找不到使用非Google字体的替代方法。

以下是codepen似乎只有以下格式：

@import url(https://fonts.googleapis.com/css?family=Tangerine);

以下是“1001”字体的永久链接：

http://www.1001fonts.com/oslo-ii-font.html

没有?family=fontname

所以我猜这是一天的破坏者。

除了我想要的字体外，有没有人不知道如何获得codepen？