我在使用 CSS 中的 @font-face 标记来使用自定义字体时遇到问题。我有一个名为 Project 的文件夹,其中包含字体、css 和图像文件夹。我正在尝试使用 @font-face 来使用自定义字体。
这是我的代码:
HTML - index.html
<div id="hello">Hello</div>
CSS - css/typography.css
@font-face{
font-family: 'ranger';
src: url('fonts/Ranger.ttf');
}
#hello{
font-family: 'ranger';
font-size: 70px;
color: white;
text-align: center;
padding-top: 30px;
white-space: nowrap;
}
我将它用于多种其他字体,除了其他两种字体外,它们都可以使用。代码或字体文件类型没有区别。对于其中一种字体,它使用常规字体而不是我指定的字体。另一个只是使用浏览器默认值。这两种字体今天早上工作,直到我将所有 CSS 移到它自己的文件夹中,并将所有字体移到它们自己的文件夹中。
请帮忙!我对 CSS/HTML 很陌生,所以我真的一点也不明白。