@字体-无论我尝试什么都不能工作

Question

是的..。这一点在这里已经被问到了很多，我是一个新手web开发人员，在我自己的时间里做一些小实验。

我试图使用CSS @字体外观属性，但不知道为什么它不能工作。我根本不能做任何事情来让它起作用。我已经在堆栈溢出、W3Schools、MDN以及更多方面进行了研究--不管我修改和改变了多少东西，都认为“它现在就能工作”--这是不可能的。

我的代码：

​

我的结果是：

​

有人知道我做错了什么吗？我尝试了WOFF和WOFF2，改变了CSS中目录的语法，并且使用了边缘、Firefox和Chrome。所有这些我都更新到他们的最新版本。

Answer 1

无法确定，但有些事情需要尝试：

1. 从<style>标记中删除注释。这是CSS文件中的HTML注释，可能会使浏览器感到困惑。如果你真的需要这样的评论，把它放在<style>之前。
2. 在@font-face url中，使用正斜杠/，而不是向后斜杠\。正斜杠是路径和URL的标准，只有Windows才使用反斜杠。
3. 同样在url中，只有当您的网站位于服务器的根部时(例如，如果您的网站位于http://example.com/index.html，而字体位于http://example.com/fonts )，领先的斜杠(在fonts之前的斜杠)才能工作。在您的情况下，它可能不能很好地工作，因为我怀疑您是从文件系统中服务的。因此，如果您的index.html位于您的fonts目录旁边，请使用url("fonts/gotham_bold.ttf")。
4. 如果您确实在为您的网页文件系统服务，请考虑使用虚拟服务器。XAMPP安装非常简单，并且很好地了解Apache，这仍然是一种流行的服务器软件。