Vimeo OTT 中的自定义 CSS

Question

我正在尝试使用自定义 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 框的顶部，但它一直自动删除。

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

Answer 1

由于 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;
}

Vimeo OTT 中的自定义 CSS

Custom CSS in Vimeo OTT

css

vimeo

typekit