6

我在 @fontsquirrel 生成器的 css 文件中有这段代码：

/// 将代码更改为现在的样子 ///

@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 等，但它仍然无法正常工作。我正在本地预览 - 是这样吗？

4

2 回答 2

8

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

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

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

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

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

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

于 2010-09-22T10:56:52.837 回答
0

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

例如

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

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

于 2010-09-22T10:53:01.380 回答