title: CSS: Work-around "font-weight: lighter" not working
body: <p>I can't see any difference between the rendered result of</p>
  
  <pre><code>font-weight: normal
  </code></pre>
  
  <p>and</p>
  
  <pre><code>font-weight: lighter
  </code></pre>
  
  <p>I use FireFox 50.0 on linux.</p>
  
  <p>Is there a way to make <code>font-weight: lighter</code> be visible? </p>
  
  <p>The numbers (100..900), don't show any noticeable change in my eyes.</p>
  
  <p>Here is an example page: <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-weight" rel="nofollow noreferrer">https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-weight</a></p>
  
  <h1>Background</h1>
  
  <p>My font does not support lighter font-weights. Yes, I could use a different font. But changing the font is beyond my scope.</p>