0

免责声明：我知道我应该为我的导航使用精灵，但我无法让它与我的图像一起使用。是的，我知道我现在拥有的是一个糟糕的替代品。请不要判断我网站的当前状态，因为它处于非常早期的阶段，而且我对编码还很陌生。

请查看我的代码并告诉我原因

  1. 我的标题周围有一个白色边框
  2. 字体没有按预期显示。

太感谢了！

网站： http ://www.philecialabounty.com/KVS2/index.html

Roboto-Thin 字体应该看起来像：http ://www.fontsquirrel.com/fonts/roboto

4

2 回答 2

0

关于边框，您的正文使用浏览器的默认边距 + 内边距作为正文。查看 CSS 重置文件。或者看一下样板文件，或者只是为 body 分配 0 的边距/填充。

关于字体未正确显示的问题，您只能在 css 的字体系列声明中使用网络安全字体吗？如果您想使用更好的字体，请查看 Google 字体或 cufon（我通常使用）

于 2013-07-31T15:01:32.717 回答
0

正如@hendr1x 建议的那样，填充/边距的原因是每个浏览器都有自己的默认样式表，它用于一些非常基本的基本属性。如果您要查看各种网站使用的样式表，您经常会遇到一个名为 的东西reset.css，由于上述问题，它只是一个简单的样式表，用于确保基本样式在浏览器之间保持一致。因此，如果您只是样式问题是许多浏览器设置的主体上的填充/边距，只需添加：

body {
   margin:0;
   padding:0;
}

在您的顶部stylesheet.css。或者，您可以谷歌搜索一个 reset.css 文件，它也可以完成这项工作等等。

有点不清楚你的意思是“字体没有正确显示” - 我认为它的渲染效果很差（即它看起来不清晰/锯齿状/差）。如果您是 Windows Chrome 用户，那么和许多人一样，您会发现它的字体渲染有多差。记住 Chrome 的市场份额如此之高，也许您应该重新考虑字体的选择，并找到一种对 Chrome 友好的字体。作为 Firefox 用户，我发现 Gecko 中的字体渲染很少/没有问题，但我经常发现 Legacy IE 和 Chrome 存在问题。Google Web-Fonts是一个很好的网络安全字体资源，尽管我注意到Chrome 问题仍然很普遍。

另外：你为什么有<center>标签？它似乎什么也没做，也不在 HTML5 规范中——我建议你删除它。

于 2013-07-31T15:19:16.540 回答