css - @fontface css 字体路径似乎不起作用

Question

我有一个名为 project 的目录，其中有目录 html、assets 和 javascript。 Assets 目录有目录fonts和css。css目录有一个名为typography的css文件.css.fonts 目录包含我正在使用的所有字体。

在 html 目录中，我有一个文件 typography.html。要使用我在 typography.css 中使用此代码的字体，它已在我的 html 文件中正确链接/引用。但是此代码在 typography.css

中

@font-face {
    font-family: "LatoLight";
    src: url('../fonts/lato-light-webfont.eot') format("embedded-opentype"), url('../fonts/lato-light-webfont.woff') format("woff"), url('../fonts/lato-light-webfont.ttf') format("truetype"), url('../fonts/lato-light-webfont.svg') format("svg");
    }
    h1{ font-family: LatoLight !important; }

没有产生预期的结果。我正在使用 twitter bootstrap 3。为什么这不起作用？

Answer 1

尝试:

@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/lato-light-webfont.eot') format("embedded-opentype"), 
         url('../fonts/lato-light-webfont.woff') format("woff"), 
         url('../fonts/lato-light-webfont.ttf') format("truetype"), 
         url('../fonts/lato-light-webfont.svg') format("svg");
    font-weight: normal;
    font-style: normal;
}

我已将双引号改为单引号。这可能会有所作为，但我不确定。

否则这可能会有所帮助 Bootstrap 3 unable to display glyphicon properly我知道它是 glyphicons，但 firefox 可能只是对其他字体有问题。