2

我遇到了一个问题，我无法在我的页面上定义任何字体样式。我尝试了几种不同的方法并在网上搜索了几个小时无济于事。任何帮助表示赞赏。我正在尝试将文本框中的字体更改为 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>
4

2 回答 2

1

user2042587 的回答可以有效地回答您的问题，但另一方面，如果您不想使用 body，因为它也可能会影响其他带有 body 的页面，您可以用 div 包裹您的 body 并给它一个类。像这样的东西。 

<div class="wrapper">
<body>

//some codes here
//
</body>
</div>

CSS

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

完整的 Jsfiddle在这里

于 2013-05-20T07:55:33.740 回答
0

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

下次使用 JSFiddle 而不是在此处发布您的源代码。

于 2013-05-20T07:43:10.743 回答