2

我有一个名为的目录，其中project有目录html，资产有目录，目录有一个名为的css文件。字体目录有我正在使用的所有字体。assetsjavascriptdirectoryfontscsscsstypography.css

在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。为什么这不起作用？

4

2 回答 2

3

尝试：

@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 无法正确显示 glyphicon我知道它是 glyphicons 但 Firefox 可能只是在其他字体方面存在问题。

于 2013-10-04T08:43:02.637 回答
0

我认为它可以像在引用时在所需字体周围加上引号一样简单。

h1{ font-family: "LatoLight" !important; }
于 2013-10-04T08:11:22.510 回答