css font-face 不适用于@fonsquirrel

Question

我的 css 文件中有来自 @fontsquirrel 生成器的代码：

/// 把代码改成现在的样子 ///

@font-face {
font-family: 'AdLibRegular';
src:    url('../fonts/adlib-webfont.eot');
src:    local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), 
        url('../fonts/adlib-webfont.ttf') format('truetype'), 
        url('../fonts/adlib-webfont.svg#webfontmAc00Ivp') format('svg');
font-weight: normal;
font-style: normal;
}

.AdLib {
        font-weight: normal;
        font-style: normal;
        line-height:normal;
        font-family: 'AdLibRegular', sans-serif;
}

这存储在名为 css 的文件夹中，字体存储在名为 fonts 的文件夹中。

例如，当我在 html 页面中调用它时，我无法让它工作

<h1 class="AdLib">Testing Testing 1 2 3</h1>

我根本无法弄清楚我做错了什么。

有什么想法吗？

_{我现在已将它们全部更改为 url（'../fonts/adlib 等，但它仍然不起作用。我正在本地预览 - 是这样吗？}

Answer 1

路径可能有问题，根据css文件，字体文件夹在哪里？

如果字体文件夹在 css 文件夹中，则应使用以下路径：

src:    url('fonts/adlib-webfont.eot');

如果它在 css 地图旁边，则需要使用以下路径：

src:    url('../fonts/adlib-webfont.eot');

../用于返回一个文件夹

Answer 2

我遇到了 URL 以“/”开头的 font-face 问题 - 尝试将 src URL 编辑为相对 URL：

例如

@font-face {
font-family: 'AdLibRegular';
src:    url('../fonts/adlib-webfont.eot');
}

（显然指向正确的文件夹位置）