title: Google font CDN: font weights not displaying as expected
body: <p>I'm trying to use Lato from Google Fonts in my site. I see on fonts.google.com, Lato has distinct font weights, and they are obvious differences:</p>
  
  <p><a href="https://fonts.google.com/specimen/Lato" rel="nofollow noreferrer">https://fonts.google.com/specimen/Lato</a></p>
  
  <p>In practice, I'm not seeing much of a difference between these, which complicates design on my site.</p>
  
  <p>Can anyone tell me if I'm using Lato and font weights properly, or show me how to use the font weights?</p>
  
  <p><a href="https://plnkr.co/Ng6Xk9S3TqGA2xzl7Nne" rel="nofollow noreferrer">https://plnkr.co/Ng6Xk9S3TqGA2xzl7Nne</a></p>
  
  <pre><code>&lt;head&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans:500,600,700,800" rel="stylesheet"&gt;
  &lt;/head&gt;
  
  &lt;style&gt;
    body {
      font-family: 'Lato', sans-serif
    }
  &lt;/style&gt;
  
  &lt;body&gt;
    &lt;div style="font-weight:500"&gt;This is a test!&lt;/div&gt;
    &lt;div style="font-weight:600"&gt;This is a test!&lt;/div&gt;
    &lt;div style="font-weight:700"&gt;This is a test!&lt;/div&gt;
    &lt;div style="font-weight:800"&gt;This is a test!&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>