0

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

它们在本地对我很有用，只需将字体从“Font 1001”保存到我的 css 文件夹中的字体文件夹，并使用以下代码使它们执行：

@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 吗？

4

0 回答 0