Vimeo OTT 中的自定义 CSS答案

【问题标题】：Custom CSS in Vimeo OTTVimeo OTT 中的自定义 CSS
【发布时间】：2021-09-27 18:32:02
【问题描述】：

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

任何帮助将不胜感激。

【问题讨论】：

标签： css vimeo typekit

【解决方案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;
}

【讨论】：