Html 为什么我的页眉边框和字体显示得很奇怪？

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

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

我的页眉周围有一个白色边框

字体没有按预期显示

非常感谢你

网站：

---

Roboto Thin字体应该是这样的：

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

---

对于未正确显示的字体，您只能使用css字体系列declaritive中的web安全字体。如果您想使用更好的字体，请按照@hendr1x的建议查找Google字体或cufon（我通常使用）

，填充/边距的原因是每个浏览器都有自己的默认样式表，用于一些非常基本的基本属性。如果您要查看各种网站使用的样式表，您经常会遇到名为

reset.css

，这只是一个简单的样式表，可以确保基本样式在不同浏览器中保持一致，这是由于上述问题。因此，如果您唯一的样式问题是许多浏览器在正文上设置的填充/边距，只需添加：

body {
   margin:0;
   padding:0;
}

在

样式表.css的顶部。或者，你可以在谷歌上搜索reset.css文件，这也可以完成这项工作，甚至更多

关于“字体显示不正确”的含义有点不清楚-我认为这意味着它的渲染效果很差（即，它看起来不清晰/粗糙/差）。如果你是一个WindowsChrome用户，那么，就像很多人一样，你刚刚碰到了它的字体渲染有多差。考虑到Chrome的市场份额如此之高，也许你应该重新考虑你对字体的选择，找到一种对Chrome友好的字体。作为一名Firefox用户，我发现Gecko中的字体呈现几乎没有问题，但我经常发现遗留IE和Chrome存在问题。是一个很好的网络安全字体资源，尽管我注意到了这一点

还有：为什么你有一个
标签？它似乎没有做任何事情，也不在HTML5规范中-我建议您将其删除。
您自己进行过任何调试，例如使用dom检查器查看带有边框的元素？抱歉，但我不会单击未知网站的随机链接。你能提供更多的细节吗，或者把问题复制到计算机上吗？你的字体没有加载是什么意思？对我来说很好。您使用的浏览器是什么？@freefiller网站似乎是合法的TBF。@freefiller真的会有人花时间来这里将您链接到恶意网站吗？谢谢你的答复。我已将正文边距/填充设置为0-您能否提供有关如何修复此问题的详细信息？@Verucasat不，您不知道