Css @字体问题

大家好

我目前正在我们公司的网站上工作，我似乎无法让@font-face正常工作。 这就是css的外观：

@font-face {
    font-family: 'BebasNeue';
    src: url('type/BebasNeue-webfont.eot?') format('eot'),
         url('type/BebasNeue-webfont.woff') format('woff'),
         url('type/BebasNeue-webfont.ttf') format('truetype'),
         url('type/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
}

#nav li {
    display: inline;
    margin-left: 20px;
    font-family: BebasNeue, Impact;
    font-size: 24px;
    color: #333333;
    letter-spacing: 1pt;
    }

@font-face导入基本上是直接从font-Squirrel@font-face生成器导入的。我还没有发现哪里出了问题，这就是为什么我要伸出援手。 我编辑了字体系列名称和字体的位置（../type/）

如果需要任何帮助，请告诉我是否需要查看与此问题相关的任何其他代码。

---

干杯。

如果没有URL，这些类型的问题不可能总是得到回答。语法看起来不错，但可能还有其他问题。例如，您是否为IIS服务？您是否使用过IE9的开发工具来查看字体是否正在加载？

如果没有URL，这些类型的问题总是无法回答。语法看起来不错，但可能还有其他问题。例如，您是否为IIS服务？您是否使用过IE9的开发工具来查看字体是否正在加载？

据我所知，这是实现@font-face的最普遍的方法：

@font-face{
    /* for IE only (IE doesn't apear to comprehand normal CSS)*/
    font-family: "my fancy font";
    src: url("/fonts/font.eot");
}

@font-face{
    /* for non CSS-challenged browsers */
    font-family: "my fancy font";
    src: local("☼"),
        url("/fonts/font.eot") format('eot'),
        url("/fonts/font.woff") format('woff'),
        url("/fonts/font.otf") format('otf'),
        url("/fonts/font.ttf") format('truetype'),
        url("/fonts/font.svg") format('svg');
}

---

两个@font-face部分和一些在src:local（）中不可能是文件名的内容。

据我所知，这是实现@font-face的最通用的方法：

@font-face{
    /* for IE only (IE doesn't apear to comprehand normal CSS)*/
    font-family: "my fancy font";
    src: url("/fonts/font.eot");
}

@font-face{
    /* for non CSS-challenged browsers */
    font-family: "my fancy font";
    src: local("☼"),
        url("/fonts/font.eot") format('eot'),
        url("/fonts/font.woff") format('woff'),
        url("/fonts/font.otf") format('otf'),
        url("/fonts/font.ttf") format('truetype'),
        url("/fonts/font.svg") format('svg');
}

---

两个@font-face部分和一些在src:local（）中不可能是文件名的内容不确定，但eot字体的文件名中应该有问号吗？是否尝试在“BebasNeue”中添加单引号？？在#nav li{font家族：'BebasNeue'，Impact；}至少我是这样使用它的。我从测试人员那里得到了零散的报告，它似乎在某些操作系统上的某些浏览器上工作（例如，在OS X上的safari），但我不能绝对自信地说。不确定单引号，我会立即尝试。我检查了使用字体squirrel导出的样式，我认为您遗漏了什么，也许您应该仔细检查单引号不起作用）：WTF不确定，但eot字体的文件名中应该有问号吗？您是否尝试将单引号添加到“BebasNeue”中？？在#nav li{font家族：'BebasNeue'，Impact；}至少我是这样使用它的。我从测试人员那里得到了零散的报告，它似乎在某些操作系统上的某些浏览器上工作（例如，在OS X上的safari），但我不能绝对自信地说。我不确定单引号是否正确，我会立即尝试。我检查了使用font squirrel导出的样式，我认为您缺少了一些内容，也许您应该再次检查单引号是否有效）：wtf