title: Cross Browser Font/Color Issues - Chrome/Safari
body: <p>My CSS for the website all looks fine in Firefox but in both Chrome and Safari, my fonts are coming out looking black color instead of the grey color as is in Firefox.</p>
  
  <p>Why might the fonts/color be different in Safari and Chrome - it looks like bold black.</p>
  
  <p>Header style I am using within my content div, i.e.:</p>
  
  <pre><code>#content {
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 18px;
      color: #333;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-color: #990;
      border-bottom-color: #990;
      border-left-color: #990;
      padding-bottom: 10px;
      padding-right: 10px;
      padding-left: 10px;
      background-color: #FFF;
      width: 973px;
      text-align: left;
      display: block;
      background-image: url(images/bgcontent.jpg);
      background-repeat: repeat;
  }
  
  
  h1 {
      font-family: "Lucida Grande";
      background-color: transparent;
      height: 20px;
      width: 650px;
      color: #FF9904;
      font-size: 36px;
      text-align: left;
      float: none;
      vertical-align: top;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: #999;
      letter-spacing: normal;
      margin: 0;
      padding: 0.5em 0;
  }
  </code></pre>
  
  <p>I also found this link relating to Google Chrome, i.e about using:</p>
  
  <p>@charset "xxx"</p>
  
  <p><a href="http://www.google.com/chrome/intl/en/webmasters-faq.html#fontspecs" rel="nofollow noreferrer">http://www.google.com/chrome/intl/en/webmasters-faq.html#fontspecs</a></p>