title: Chrome not antialiasing text
body: <p>Google Chrome is not antialiasing my text even though I added code specific for Google Chrome to do so.</p>
  
  <p>On a weird note, Firefox, which was said to be incompatible with the code I had added <em>does</em> antialias the text appropriately.</p>
  
  <p>Here's the specific CSS styling:</p>
  
  <pre><code>.jumbotron h1 {
      color: white;
      font-size: 100px;
      text-align: center;
      line-height: 1;
      /*
       * Webkit only supported by Chrome and Safari.
       */
      -webkit-font-smoothing: antialiased;
  }
  </code></pre>
  
  <p><strong>Chrome:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/9ehwo.png" alt="https://dl.dropboxusercontent.com/u/26438996/guru/guru-chrome.png"></p>
  
  <p><strong>Firefox:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/BBU20.png" alt="https://dl.dropboxusercontent.com/u/26438996/guru/guru-firefox.png"></p>
  
  <p>As you can see above (and <em>probably</em> on the website) the font is much better looking on Firefox.</p>