font-family: GdnSans, "Futura", "Myriad Pro", "helvetica neue", "gill sans", sans-serif;
It is important to note for this to work you need a font with all the appropriate weights. I don’t have one but The guardian sans has 9 weights but for some reason only 7 are being used, Futura BT has 5, Myriad pro has 5, Helvetica neue has 4, Gill sans has 3,
You are unlikely to have gardian sans or a futura with 5 weights, I’m not sure how to make a better test case.
- This is normal lighter
- This is normal (same as 400)
- This is normal bolder
- This is bold
- This is bold lighter (same as normal)
- This is 100
- This is 200
- This is 300
- This is 400 (same as normal)
- This is 500
- This is 600
- This is 700
- This is 800
- This is 900
- This is 100 bolder
- This is 200 bolder
- This is 300 bolder (same as normal)
- This is 400 bolder
- This is 500 bolder
- This is 600 bolder
- This is 700 bolder
- This is 800 bolder
- This is 900 bolder
- This is 100 lighter
- This is 200 lighter
- This is 300 lighter
- This is 400 lighter
- This is 500 lighter (same as normal)
- This is 600 lighter
- This is 700 lighter
- This is 800 lighter
- This is 900 lighter