Question

所以当我创建这个网站时，我犯了一个错误，就是忘记将我的外部CSS文件放入我根文件夹中自己的“css”文件夹中。

在我的root中创建一个新文件夹，将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;

我如何将它们链接错误？这可能是我鼻子底下的一个愚蠢的答案，但我生气了哈哈。

Answer 1

将...添加到网址应该可以正常工作，就像图像一样。 CSS中的所有内容都是相对于css文件所在的路径进行链接的。你是否意外移动了font-folder？在此设置中确保您的根文件夹中有一个font-folder。

将css文件移动到自己的文件夹时，Web字体无法在服务器上运行

1 个答案: