Question

我有一个名为project的目录，其中包含html，assets和javascript目录。资产directory的目录为{{ 1}}和fonts。css目录有一个名为css的css文件。字体目录包含我正在使用的所有字体。

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

中

typography.css

没有产生预期的结果。我正在使用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我知道它的字形，但firefox可能只是遇到有关其他字体的问题。

Answer 2

我认为它可以像在引用它时在你想要的字体周围加上引号一样简单。

h1{ font-family: "LatoLight" !important; }

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

2 个答案: