问题描述
我正在尝试使用自定义 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;
}