Html 为什么我的.ttf文件不能使用FontSquirrel或Transfonter正确转换为其他格式？

我的任务是使用HTML5和CSS3制作电影海报。在InternetExplorer10上，.ttf字体效果很好，海报也很好看。但是，在Chrome或Safari上运行index.html文件不会正确呈现字体

我问我的教授为什么会这样，他说不是所有的操作系统和浏览器都使用相同的字体文件类型，我需要为多个浏览器生成多种类型。他建议我用松鼠

我试图上传我的文件，Starjedi.ttf，但收到一个损坏的文件错误。然后我尝试使用Transfonter，它成功地为我提供了一个.zip包，但是查看测试页面，字体无法正确呈现。是我做错了什么，还是我的字体无法正确转换

以下是我在CSS文件中使用的代码：

@font-face {
    font-family: "logo";
    src: url("../fonts/logo/Starjedi.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

任何帮助都将不胜感激

编辑：在@Stephen_Thomas的帮助下，我成功地实现了转换。转换的

test.html

在Chrome中运行良好，但现在我的问题是在代码中实现它

以下是更新后的字体：

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

下面是我设置字体系列的时候：

/* ---------------------------------------------------------------------
   Star Wars Title -------------------------------------------------- */
.logo {
    /* "Star" & "Wars" */
    font-family: 'star_jediregular'; /* TODO: Font doesn't work in Chrome */
    font-size: 180px;
    color: black;
    /* More code below, but irrelevant ... */

我的字体不适用于任何浏览器、IE10、Chrome或Opera。很明显，我错误地嵌入了这个字体，但我不确定哪里出错了

---

让它工作起来了——我使用了不正确的文件路径，因为转换后的CSS代码没有考虑到我的项目目录结构（这完全有道理）。谢谢

我从中检查字体，它转换得很好。听起来你可能有一个坏文件。也许你可以再次尝试下载。谢谢@StephenThomas我重新下载了文件，转换成功了。我在stylesheet.css中复制并粘贴了给定的字体，并更改了我的字体系列，但该字体仍然无法在Chrome中呈现。我做错什么了吗？编辑：我运行了测试font.html文件，字体在Chrome中正确呈现。我会搞乱我的CSS文件，看看哪里出了问题。我会在可能的时候更新这条消息。嘎！我真是个白痴！转换格式提供的文件路径不正确。我根据我的项目目录结构更改了文件路径，它可以在Chrome、Opera和IE10上运行！谢谢你@stephen thomas！