Vimeo OTT 中的自定义 CSS

如何解决Vimeo OTT 中的自定义 CSS

我正在尝试使用自定义 adobe 字体编辑我的 vimeo ott 网站。

我添加了以下内容：

  @font-face {
 font-family: din-condensed,sans-serif;
font-weight: 400;
font-style: normal;;
  src: url(https://use.typekit.net/him0mtg.css);
}

.gigantic {
    font-family: din-condensed,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
}

但它没有出现。我已经尝试将样式表 <link rel="stylesheet" href="https://use.typekit.net/him0mtg.css"> 添加到自定义 css 框的顶部，但它会一直自动删除。

如有任何帮助，我们将不胜感激。

解决方法

由于 TypeKit url 是一个 CSS 文件，而不是字体，因此您需要使用 @import 并将其导入现有 CSS 的顶部，如下所示：

@import url('https://use.typekit.net/him0mtg.css');

.gigantic {
    font-family: din-condensed,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
}