Html 如何在CSS中嵌入自定义字体？

我最近一直试图在我的网站上嵌入字体。我没有让它发挥作用，我看了很多教程。我不想在ttf格式中嵌入名为“Ubuntu Light”的字体。这就是我一直在尝试的：

#logBtn{
  font-family: 'UbuntuLight';
}
@font-face{
font-family: "UbuntuLight";
src: url("CSS/Ubuntu-L.ttf");
}

以及文件夹中的文件：

我对这几乎是新手，我已经编写了HTML和CSS大概4个月了。 我以前一直在做这个，这让我取消了我的项目，因为我放弃了。但我不想再放弃了。所以我真的非常感谢你的帮助！：）

url（…）路径是相对于样式表的

因此，由于样式表位于

CSS

文件夹中，因此不需要将其包含在url中：

@font-face{
  font-family: "UbuntuLight";
  src: url("Ubuntu-L.ttf");
}

---

您可以使用以下代码快速轻松地嵌入字体：

@font-face {
  font-family: 'Name';
  src: url('Font.ext');
  font-weight: 400;
  font-style: normal;
}

其中Font.ext应替换为您的字体文件及其扩展名（文件类型），例如

src:url（'Ubuntu-L.ttf'）

---

下面的字体重量和字体样式应参考特定的字体选择。

我真的建议您使用它，包括您当前需要的字体和数千种其他字体，我没有看过，但它是因为您在使用字体后导入了它？-还可以尝试删除通过webfont生成器转换字体时使用的单撇号ID，例如在将其添加到项目中之前？但是，它不起作用。你能看看我做错了什么吗？这是代码：

#logBtn{font-family:“UbuntuL”；font-size:30px；color:white；}@font-face{font-family:“UbuntuL'；src:url（'UbuntuL.ttf'）；字体大小：400；字体样式：Light；}

这里可能更容易看到：您的字体声明应该始终位于CSS文件的顶部，@SynomousArtz