Question

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

以下是供参考的网站：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>

Answer 1

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

<div class="wrapper">
<body>

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

<强> CSS

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

Full Jsfiddle here

Answer 2

白色为#fff，而非#000。 http://jsfiddle.net/k47Nx/

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

无法定义字体样式

2 个答案: