SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist perpetual_dream's Avatar
    Join Date
    Nov 2005
    Location
    Jerusalem
    Posts
    542
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The font isn't changing through css?!!!

    Hello,

    I have the following css file for the following site http://www.undamusic.com

    Code:
    body {
      margin: 0;
      padding: 0;
      background-color: #000000;
      color: white;
      background-repeat: repeat-x;
      font: "Lucida Handwriting",  small Arial, Helvetica, Verdana;
    }
    #wrapper {
      background-color: #fdf8f2;
      color: black;
      margin: 30px 40px 30px 40px;
      padding: 10px;
    }
    #header-bottom {
      border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;
      height: 1%;
    }
    #header-bottom ul {
      margin: 0;
      padding: 0;
      padding: 0 30px 0 0;
      text-align: right;
    }
    #header-bottom li {
      display: inline;
      background-color: #fdf8f2;
      color: #610C0D;
    }
    #header-bottom a:link, #header-bottom a:visited {
      text-decoration: none;
      background-color: #fdf8f2;
      color: #610C0D;
    }
    #tagline {
      font-weight: bold;
      background-color: #fdf8f2;
      color: #610C0D;
      font-style: italic;
      margin: 0;
      padding: 0 0 0 20px;
      width: 300px;
      float: left;
    }
    #ball {
      position: absolute;
      top: 110px;
      right: 55px;
    }
    #main {
      position: relative;
      top:0;
      left:  0;
      width: 100%;
      margin-top: 10px;
    }
    #content {
      margin: 0 0 0 240px;
      border: 1px solid #000000;
      background-color: white;
      color: black;
    }
    #mainfeature {
      
      background-repeat: no-repeat;
    
      color: white;
      padding: 2em 2em 1em 2px;
      height: 1%;
    }
    #mainfeature h2 {
      margin: 0;
      font-weight: normal;
      font-size: 140%;
    }
    #mainfeature p {
      font-size: 110%;
    }
    #mainfeature p.more {
      margin-top: 0;
      text-align: right;
    }
    #mainfeature p.more a:link, #mainfeature p.more a:visited {
      color: white;
      background-image: url(img/more-bullet.gif);
      background-repeat: no-repeat;
      background-position: center left;
      padding-left: 14px;
    }
    #content .inner {
      margin: 10px 20px 10px 40px;
    }
    #content .inner h2 {
      color: #006C00;
      padding-bottom: 0.2em;
      border-bottom: 1px solid #000000;
      font-size: 110%;
    }
    #content .inner ul.features {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    #content .inner h3 {
      font-size: 130%;
    }
    #content .inner h3 a:link, #content .inner h3 a:visited {
      color: #006C00;
    }
    #content .inner p {
      color: #666666;
      font-size: 90%;
    }
    #content .inner .features li img {
      float: left;
      margin: 0 5px 5px 0;
    }
    #content .inner p.author {
      font-weight:  bold;
    }
    #content .inner p.more{
      margin-top: 0;
      text-align: right;
    }
    #content .inner p.more a:link, #content .inner p.more a:visited {
      color: black;
      background-image: url(img/more-bullet.gif);
      background-repeat: no-repeat;
      background-position: center left;
      padding-left: 14px;
      font-size: 90%;
      color: #000000;
    }
    #sidebar {
      position: absolute;
      top: 0;
      left: 0;
      width: 220px;
      background-color: #626366;
      color: white;
      margin: 0;
      padding: 0;
    }
    #sidebar h3 {
      font-size: 110%;
      background-image: url(img/sidebar-header-bg.jpg);
      background-repeat: no-repeat;
      margin: 0;
      padding: 0.2em 0 0.2em 10px;
      font-weight: normal;
    }
    #sidebar .inner {
      padding: 10px;
    }
    #sidebar ul {
      margin-left: 0;
      padding-left: 20px;
    }
    #sidebar p, #sidebar li {
      font-size: 90%;
      line-height: 1.4em;
    }
    #sidebar ul a:link, #sidebar ul a:visited, #sidebar ul a:hover {
      color: white;
      text-decoration:none;
    }
    #sidebar .date {
      font-weight: bold;
    }
    #searchform .text {
      width: 196px;
      border: 1px solid #45bac0;
    }
    #searchform .searchbutton {
      text-align: right;
      margin-top: 4px;
    }
    #searchform .btn {
      border: 1px solid #45bac0;
      background-color: #256290;
      color: white;
    }
    #sidebar .motm-image {
      float: right;
      margin: 0 30px 0 20px;
    }
    #sidebar p.more {
      clear: right;
      margin: 0 30px 0 0;
      text-align: right;
    }
    #sidebar p.more a:link, #sidebar p.more a:visited {
      color: white;
      background-image: url(img/more-bullet.gif);
      background-repeat: no-repeat;
      background-position: center left;
      padding-left: 14px;
    }
    As you can see the only font general definition is at the body. I tried to use lucidia handwriting as my default font and it's not being applied I donno why eventhough I have the font installed on my computer?

    Thanks
    Tanzeelnet - Best arabic downloadsite
    Linux Hosting |Free Downloads |

  2. #2
    Matt Williams revsorg's Avatar
    Join Date
    Jun 2002
    Location
    Planet Vorcon-5 in sector cx-37-b
    Posts
    1,136
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try changing font to font-family
    work: revs | ecru
    reviews: films | mp3s
    projects: Glastonbury Tor | London IT support

  3. #3
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually, try getting rid of small. Also, when using the font shorthand, you have to declare the font size and leading as well. And don't forget to leave a generic fall-back in case the fonts you choose are not available.
    Code:
    font: 1em/1.5 "Lucida Handwriting",  Arial, Helvetica, Verdana, sans-serif;

  4. #4
    SitePoint Evangelist perpetual_dream's Avatar
    Join Date
    Nov 2005
    Location
    Jerusalem
    Posts
    542
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Dan
    Tanzeelnet - Best arabic downloadsite
    Linux Hosting |Free Downloads |


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •