Content Font Not Changing

Discussion in 'CSS' started by Pudge1, Sep 8, 2009.

  1. #1
    index
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="Host Unlimited Sized Pictures and Up To 1GB Videos With Amazing Upload Speeds!">
    <link type="text/css" rel="stylesheet" href="http://picblur.com/default.css" />
    
    <title>PicBlur - Free Image/Video Hosting</title>
    </head>
    <body>
    <div align="center">
    <a href="index.php"><img src="http://picblur.com/logo.png" alt="PicBlur 2.0" /></a><br />
    <a href="index.php?page=img"><img src="http://picblur.com/image.png" alt="" /></a>&nbsp;&nbsp;<a href="http://picblur.com/index.php?page=vid"><img src="http://picblur.com/video.png" alt="" /></a>&nbsp;&nbsp;<a href="http://picblur.com/index.php?page=tools"><img src="http://picblur.com/tools.png" alt="" /></a>&nbsp;&nbsp;<a href="http://picblur.com/index.php?page=contact"><img src="http://picblur.com/contact.png" alt="" /></a>
    </div><br />
    <div align="center">
    <div id="content">
    
    <div align="center">Choose a Page By Clicking a Tab on the Top</div><br /><br />
    </div>
    </div><br />
    <div align="center">
    <img src="http://picblur.com/copyright.png" alt="" />
    </div><br /><br />
    </body>
    </html>
    
    Code (markup):
    style
    
    #content{
    padding: 10px;
    background-color: #FFFF99;
    border: 2px solid #F8F214;
    font: Verdana;
    }
    
    img{
    border:none;
    }
    
    a{
    font: Tahoma;
    text-decoration: none;
    color: black;
    }
    
    a:hover{
    font: Tahoma;
    text-decoration: underline;
    color: black;
    }
    
    Code (markup):
    Neither the links nor the content are being shown as the font they should. They are being shown as Times New Roman.

    This page is it http://picblur.com if you want to see it.
     
    Pudge1, Sep 8, 2009 IP
  2. b15ginz

    b15ginz Peon

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The links in you website are not text, they are images. Therefore the text wont change.....
     
    b15ginz, Sep 8, 2009 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Becauseeeeeeee font should be font-family

    If you want to just use font you have to specify other things like size but I can't remember the exact order or what you are supposed to have :)
     
    wd_2k6, Sep 8, 2009 IP
  4. icyshout

    icyshout Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    you can specify the font in the html or in the css file just make sure its font-family....
     
    icyshout, Sep 8, 2009 IP
  5. Pudge1

    Pudge1 Well-Known Member

    Messages:
    912
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    Digital Goods:
    1
    #5
    lol Obviously I don't want to change the font in my images.

    Thanks for the tip guys.
     
    Pudge1, Sep 8, 2009 IP