字体在 Chrome 上正确显示，但在 Safari 或 Firefox 上不正确。我什至添加了格式。怎么了？答案

【问题标题】：Font face shows up correctly on Chrome but not on Safari or Firefox. I even added the formats. What is wrong?字体在 Chrome 上正确显示，但在 Safari 或 Firefox 上不正确。我什至添加了格式。怎么了？
【发布时间】：2025-11-30 04:05:01
【问题描述】：

我该怎么办？这是我所有的代码。我对此很陌生，所以我不知道我是否做得正确，但这是我到目前为止所达到的......我一直在到处寻找问题及其解决方案，但没有一个能奏效远的。非常感谢您的帮助。

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body style="background-color: #ff793f">

<title> The Fandomized Shop </title>

<!-- Top Navigation Bar -->
<div class = "navigationBar" style = "font-family: LemonMilklight">
   <li><a href="#home" class ="active"  > Home</a></li> 
    <li><a href = "#shop" >Shop</a></li>
    <li><a href = "#contact" > Contact Us</a></li>
    <li><a href = "#about"> About Us</a></li>
    <li><a href = "#cart" > Cart </a> </li>
    <span class = "fa fa-search searchIcon"></span>
    
    <div class ="searchBar">
    <li>  <span class = "Clear"> <input type = "text" placeholder = "Search" class = "Search" style="font-family: LemonMilklight"> </span></button> </li>
    </div>
</div>

<!-- Slogan -->
<h1 style= "font-family: LemonMilklight"> your one stop shop for everything fandomized</h1>
</body>
</html>

这是包含所有格式的字体。它不应该像这样在 Safari 和 Firefox 上工作吗？我需要先进行设置更改吗？字体有问题吗？我应该以不同的字体添加每种格式吗？我一直试图修复它一天无济于事。

CSS

@font-face {
    font-family: 'LemonMilklight';
    src: url(lemonmilklight-webfont.eot);
    src: url(lemonmilklight-webfont.eot?#iefix) format('embedded-opentype'),
         url(lemonmilklight-webfont.woff) format('woff'),
         url(lemonmilklight-webfont.ttf) format('truetype'),
         url(lemonmilklight-webfont.svg#lemonmilk_lightregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

我非常感谢任何帮助，因为我非常迷茫。我打算继续在 Chrome 上开发和测试它，但我意识到这只会在我尝试在 Safari 或 Firefox 上测试它时很麻烦。解决此问题的其他方法是什么？

【问题讨论】：

你从哪里得到的字体？你真的有所有这些不同的文件类型吗？
快速搜索没有显示除.ttf 之外的任何下载位置。您是否将 true type 或 open type 字体转换为 .eot、woff 等？

标签： css fonts font-face webfonts

【解决方案1】：

您实际上是否在某处包含了 CSS？我没有在您的 HTML 头中看到样式表。像这样的

根据字体定义，字体文件（.EOT 等）应与您的 HTML 文件位于同一目录中。

至于为什么它在一个浏览器中运行而在另一个浏览器中不运行 - 就像其他评论者所建议的那样，如果您只有一种文件格式 TTF，例如，Chrome 可能会接受这种回退，而 safari 和 FF不会。

【讨论】：