Html Div标签的字体未显示在Internet上

我有字体显示在本地，已上传到网站的文件，但它仍然没有显示在几个浏览器，我已经尝试。我在stylesheet.css和main.css中尝试了许多不同的方法，但都不起作用

谁能帮我看看我哪里做得不对吗

我只想在“Sarah Brody”中添加脚本字体

先谢谢你。。。是网站

---

Sue

您必须在CSS中定义字体。大概是这样的：

@font-face {
  font-family: "Aphrodite Stylistic";
  src: url('font/aphrodite-stylistic.eot');
  src: url('font/aphrodite-stylistic.eot?#iefix') format('embedded-opentype'),
       url('font/aphrodite-stylistic.woff2') format('woff2'),
       url('font/aphrodite-stylistic.woff') format('woff'),
       url('font/aphrodite-stylistic.ttf') format('truetype');
  font-weight: normal;
}

---

我注意到在main.css中您正在导入

webfont/Great_Vibes/stylesheet.css

，但该文件丢失了。这可能是造成问题的原因。检查它的URL。

当我转到您的站点时，控制台中出现了此错误：“-加载资源失败：服务器响应状态为404（未找到）”。我想这与你的问题有关。删除了指向webfont的链接…那只是在我试图链接到它时，然后它就不起作用了。如果我只想让那一个div使用那种字体呢？谢谢，我一直在本地得到关于webfont css文件的错误，但我无法找到它…我也没有！而webfont正是我尝试使用google字体的地方，我认为这会更容易…不是！我试过@font-face…我试过很多东西…我记不起我把它放在哪里了..在stylesheet.css或main.css中，但我可能两个都试过了，但我什么都没试过。你能告诉我具体放在哪里吗？哪一个css得到它或两者都得到？然后它会影响页面的其他部分吗？将其添加到stylesheet.css中，但仍然不起作用…：（如果你想在你的网站上使用非标准字体，你必须在css开头的某个地方添加

@font-face

。

@font-face

中的url必须指向该字体。如果你在服务器上没有这些字体文件，复制/粘贴我的代码是没有帮助的。@S.Brody:听一下cakan，url你的CSS中的文件夹和文件名都有错误。你的字体文件位于中，你可以在那里看到文件名。只要更正它，它就会工作。