2

因此，当我启动这个网站时，我犯了一个错误，忘记将我的外部 CSS 文件放入根文件夹中它自己的“css”文件夹中。

在我的根目录中创建了一个新文件夹，将 CSS 文件粘贴到该文件夹​​中，并确保它正确链接到我的 HTML。除了背景图像（有 2 个）之外，所有样式都有效。

在我移动我的 CSS 文件之前，背景图像的代码看起来像这样 -

    background-image: url(images/main_bg.png);

我重新输入了它，然后它看起来像这样，它起作用了。我的背景图像现在显示在我的服务器和本地主机上。

    background-image: url(../images/main_bg.png);

但是，我的字体工具包现在不显示了。我尝试在每个链接前面添加“.../”，假设它会像背景图像一样工作，但没有运气。所有字体都在服务器上自己的文件夹中。这就是它们在我的样式表中的样子——

    @font-face {
font-family: 'OpenSansExtraboldItalic';
src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
     url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
     url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
font-weight: normal;
font-style: normal;

我如何错误地链接它们？这可能是我眼皮底下的愚蠢答案，但我很生气，哈哈。

4

1 回答 1

0

将 ../ 添加到 url 应该可以，就像图像一样。CSS 中的所有内容都与 css 文件所在的路径相对链接。您是否不小心移动了字体文件夹？确保在此设置中您的根文件夹中有一个字体文件夹。

于 2012-10-18T13:04:48.900 回答