我的这段CSS 引用字体 哪些错了吗 ?

为什么我在本地 开启html后 不显示我引用的字体呢 ？
还是必须得上传至 服务器上才可以？

@font-face {
    font-family: "Emblema One";
    src: url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff"),
    url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf");
    /*这段引用 为什么引用不了呢？*/
}
body {
  font-family:   Verdana,Geneva,Arial,sans-serif;
  font-size:       small;
  color: blue;

}
h1, h2 {
  color:           #cc6600;
  border-bottom:   thin dotted #888888;
}
h1 {
  font-family:     "Emblema One",sans-serif;
  font-size:       300%;
}
h2 {
  font-size:       130%;
  font-weight:     normal;
}
blockquote {
  font-style:      italic;
}

参考GPT和自己的思路：

根据您提供的CSS代码，可能存在以下问题导致字体引用不了：

1. 字体文件链接无法访问：请确认字体文件的链接是否正确，以及是否能够正常访问。如果无法访问，那么字体文件就无法加载，因此在本地开启HTML时也不会显示。

2. 字体文件格式不被支持：请确认您所引用的字体文件格式是否被当前浏览器支持。例如，如果您使用的是Chrome浏览器，那么它可能不支持某些字体文件格式。您可以查看浏览器的控制台输出，以便确定是否存在此类问题。

3. CSS代码书写有误：请确保您的CSS代码书写正确，没有语法错误或拼写错误。这可能会导致CSS文件无法正常解析，无法引用字体文件。

至于您的第二个问题，是否必须上传到服务器上才能显示字体，这是不一定的。只要字体文件可以被访问，无论是在本地还是在服务器上，它们都应该能够正常显示。但是，在某些情况下，例如当字体文件位于受保护的目录中时，可能需要特定的服务器配置才能访问字体文件。