WD-1359 revisit the font page

[pedoch]

Done

• Revamp the Fonts page
• Implement sliders in the font tester section

QA

• Open the site and navigate to /font

Issue / Card

• WD-1359

[webteam-app]

Demo starting at https://design-ubuntu-com-271.demos.haus

[bartaz]

@pedoch Here is a doc with some updated copy about the font: https://docs.google.com/document/d/1zlg_ZUM9M57T6p_7bvmkAJWLGEtFtCS6f0g5cyGpvj8/edit#

I also think we can drop the "Color" dropdown (we generally don't use the font in colour), and the "weight" slider could change by 1 not 100 to show the variable nature of it.

[pedoch]

@pedoch Here is a doc with some updated copy about the font: https://docs.google.com/document/d/1zlg_ZUM9M57T6p_7bvmkAJWLGEtFtCS6f0g5cyGpvj8/edit#

I also think we can drop the "Color" dropdown (we generally don't use the font in colour), and the "weight" slider could change by 1 not 100 to show the variable nature of it.

@bartaz Should I remove the "About the Ubuntu Font Family" and "Resources" strips since they aren't present in the word document?