Fonts 当我将css文件移动到其自己的文件夹时,Web字体在服务器上不起作用

Fonts 当我将css文件移动到其自己的文件夹时,Web字体在服务器上不起作用,fonts,Fonts,所以我犯了一个错误,当我启动这个网站时,我忘记把我的外部CSS文件放在我根文件夹中它自己的“CSS”文件夹中 在我的根目录中创建一个新文件夹,将CSS文件粘贴到所述文件夹中,并确保它正确链接到我的HTML。除了背景图像(共有2张)外,所有的造型都有效 在我移动CSS文件之前,背景图像的代码如下所示- background-image: url(images/main_bg.png); 我重新输入它,然后它看起来像这样,这是有效的。我的背景图像现在显示在我的服务器和本地主机上 b

所以我犯了一个错误,当我启动这个网站时,我忘记把我的外部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;

我怎么把它们联系错了?这可能是我眼皮底下的一个愚蠢的答案,但我很恼火,哈哈。

在url中添加../应该会起作用,就像图片一样。 CSS中的所有内容都是相对于CSS文件所在的路径链接的。 您是否意外移动了字体文件夹?
确保在此设置中,您的根文件夹中有一个字体文件夹。

您的
font
文件夹在哪里?./表示返回一个文件夹,/表示从根文件夹开始。您是否尝试过/fonts/。。。?此外,字体URL周围有单引号,图像URL周围没有单引号?URL('???')URL(???)我的根名为“kelseytest”,然后有一个名为“fonts”的文件夹,所有字体都位于该文件夹中。在我将css移动到它自己的文件夹之前,它与我的方式很好地配合。啊哈!在前面添加“/../fonts”,现在可以使用了。我为自己感到羞耻哈哈。谢谢你们C: