为什么我的标题边框和字体显示怪异?

时间:2013-07-31 14:55:04

标签: html css

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

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

  1. 我的标题周围有一个白色边框
  2. 字体未按预期显示。
  3. 非常感谢你!

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

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

2 个答案:

答案 0 :(得分:0)

关于边框,您的身体正在使用浏览器的默认边距+填充体。查看CSS重置文件。或者看一下样板文件,或者只为主体指定一个0的边距/填充。

对于未正确显示的字体,您是否只能在css声明的字体系列中使用网络安全字体。如果你想使用更好的字体查找谷歌字体或cufon(我通常使用)

答案 1 :(得分:0)

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

body {
   margin:0;
   padding:0;
}

位于stylesheet.css的顶部。或者,您可以使用Google来获取reset.css文件,该文件也可以完成此任务。

有点不清楚你的意思是什么"字体没有正确显示" - 我认为这意味着它渲染效果不佳(即它看起来不整洁/邋or /差)。如果您是Windows Chrome用户,那么,与许多人一样,您只是碰到了它的字体渲染效果。考虑到Chrome的市场份额如此之高,或许你应该重新考虑你选择的字体,并找到一个Chrome友好的产品。作为Firefox用户,我发现在Gecko中很少/没有字体渲染问题,但我经常发现Legacy IE和Chrome存在问题。 Google Web-Fonts是网络安全字体的绝佳资源,尽管我注意到Chrome issues are still rife

:为什么你有<center>标签?它似乎没有做任何事情,而且它不在HTML5规范中 - 我建议你删除它。