Question

大家好我在@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>

我无法弄明白我做错了什么。

有什么想法吗？

提前感谢stu

////我现在已将它们全部更改为url（'../fonts/adlib等，它仍然无法正常工作。我正在本地预览 - 这是吗？

Answer 1

可能是路径问题，根据css文件位于哪个字体文件夹？

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

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

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

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

../用于返回文件夹

Answer 2

我遇到了font-face的问题，其中URL以'/'开头 - 尝试将src网址编辑为相对网址：

例如

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

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

css font-face问题

2 个答案: