无法定义字体样式

我遇到了一个问题，我不能在我的页面上定义任何字体样式。我尝试了几种不同的方法，在网上搜索了几个小时也无济于事。任何帮助都是感激的。我正在尝试将文本框中的字体更改为tahoma和白色。

这里是供参考的网站:site

body 
{
   font-family:Tahoma;
   margin:0;
   padding-top:98px;
   padding-bottom:47px;
   background:#000  url(../images/bg.jpg) no-repeat;
   background-size: 100%;
}
p
{
   font-family: Tahoma; 
   color:#000;
}
.socialimg {margin: 3px 2px 0px 2px}
#header_container {
   background:#000;
   height:65px;
   left:0;
   position:fixed;
   width:100%;
   top:0; 
}
#header{
   padding-top:1px;
   line-height:65px;
   margin:0 auto;
   width:100%;
   text-align:center;
}
#menu_container {
   background:url(../images/menu-ss.png) repeat;
   height:42px;
   position:fixed;
   width:100%;
   margin-top:65px;
   top:0;
}
#menu{
   line-height:42px;
   margin:0 auto;
   width:555px;
}
#container {
   margin:0 auto;
   overflow:auto;
   width:100%;
}
#content{
   width:400px;
   background:#000;
   margin-top:50px;
   margin-left:5em;
   border-radius:15px;
   -moz-border-radius:15px;
   border:1px solid #292829;
}
#content_box1 {
   width:370px;
   padding:10px 10px 10px 10px;
}
#fs_container {
   background:url(../images/fs.png) repeat-x;
   height:8px;
   left:0;
   bottom:0;
   position:fixed;
   width:100%;
   margin-bottom:48px;
}
#fs {
   line-height:8px;
   margin:0 auto;
   width:940px;
   text-align:center;
}
#footer_container {
   background:#000  url(../images/stripe.png) repeat;
   border:1px solid #292829;
   bottom:0;
   height:47px;
   left:0;
   position:fixed;
   width:100%;
}
#footer {
   line-height:47px;
   margin:0 auto;
   width:98%;
   text-align:right;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Travis Moore</title>
<link rel="stylesheet" type="text/css" href="css/master.css">
<link rel="stylesheet" type="text/css" href="css/nav.css">
</head>
<body>
<div id="header_container">
    <div id="header">
        <img alt="Logo" src="images/logo.jpg">
    </div>
</div>
<div id="menu_container">
    <div id="menu">
        <div class="main_menu">
           <ul>
            <li> <a href="#">HOME</a></li>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">MEDIA</a>
              <ul>
              <li><a href="#">PHOTOS</a></li>
              <li><a href="#">VIDEOS</a></li>
              </ul>
           </li>
           <li> <a href="#">PROJECTS/EXPERIANCE</a></li>
           <li><a href="#">CONTACT</a></li>
          </ul>
        </div>  
    </div>
</div>
<div id="container">
    <div id="content">
       <div id="content_box1"><p>testtesttesttesttesttest testtesttesttesttesttest</p></div>
     </div>
</div>
<div id="fs_container">
<div id="fs"></div></div>
<div id="footer_container">
    <div id="footer">
      <div class="socialimg">
       <a href="http://www.twitter.com/travis_moore"><img alt="Twitter" src="images/twitter.png"></a>
         <a href="http://www.youtube.com/travismoore"><img alt="Youtube" src="images/youtube.png"></a>
       <a href="http://www.facebook.com/travismoorebassist"><img alt="Facebook" src="images/facebook.png"></a>
      </div>
    </div>
</div>
</body>
</html>

user2042587的答案是有效的回答你的问题，但另一方面，如果你不想使用身体，因为它也可能影响其他页面的身体，你可以包装你的身体与div并给它一个类。就像这样。

<div class="wrapper">
<body>
//some codes here
//
</body>
</div>

CSS

.wrapper
{
color:#fff;
font-family: Tahoma;
}

完整的

白色是#fff，不是#000。http://jsfiddle.net/k47Nx/

下次使用JSFiddle而不是在这里发布你的源代码。

相关内容

最新更新

热门标签：