背景和字体未显示在 aspx 页面上答案

【问题标题】：Background and Fontface not showing on aspx page背景和字体未显示在 aspx 页面上
【发布时间】：2013-03-21 17:56:36
【问题描述】：

我在 aspx 中有一个主模板，我从中创建其他 aspx 页面，并且在主模板中我引用了一个 css 样式表。由于某种原因，我在正文上设置的背景图像和我应用的字体不再起作用。它根本不会显示在从主模板创建的任何 aspx 页面上。

我一生都无法弄清楚为什么它没有显示。事实上，在 Visual Studio 中，背景确实显示出来了。

这是我的项目目录的图像，因此您可以看到它们的位置。

http://i.imgur.com/xHFOXil.png

所以我有我的样式表为基础 Cafe 目录中的所有 aspx 页面和 Secure 文件夹中的 Aspx 文件引用了简单的

 <link href="Styles/Coffee.css" rel="stylesheet" media="screen" />
<link href="../Styles/Coffee.css" rel="stylesheet" media="screen" />

因此样式表已被正确引用，因为某些对象确实会按预期发生变化。

这是css文件中的代码：http://slexy.org/view/s2OAgP08oS

这也是 Visual Studio 中页面的输出和浏览器中的输出：

http://i.imgur.com/Hsh6sLD.jpg

这之前工作得很好，我的 aspx 页面上的标签和所有文本都显示为字体等。背景在 IE 和 FF 中都很好。不要知道现在发生了什么。

【问题讨论】：

Styles/Coffee.css 和这个../Styles/Coffee.css 是不同的东西
由于我对 aspx/html/css 的了解有限，我已经像这样引用它们，因为我使用的 aspx 页面位于不同的位置。这两个参考资料似乎都涵盖了它们。

标签： asp.net css html

【解决方案1】：

好的，伙计们，我的菜鸟错误。这是我没有正确引用字体文件或图像的事实。因为我有 /Fontface 和 /Images 它进入 CSS STYLES FODLER/Images.. 而实际上它在上面目录的 Images 文件夹中。

所以这样做可以解决它。

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

}

body
{
font-family: 'MolotRegular', Arial, Helvettica;
background-image: url("../Images/background.jpg");
margin-top: 0px;

}

TL:DR：不要信任 Visual Studio 中的输出。这是谎言！

【讨论】：