💄 [#2029] Set new default open-source font

[jiromaykin]

Issue:

1. Set Ubuntu as heading font and Lato as body font: https://taiga.maykinmedia.nl/project/open-inwoner/task/2029
2. also needs this change in font variable name in this Design-token package PR: [#2029] Set default heading font-family as Heading open-inwoner-design-tokens#6

This PR only works when you check out the corresponding branch of this PR and run NPM build on both repositories.

Preview styling here: http://localhost:8000/style-demo/

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (e3d539f) 94.76% compared to head (bc58d1c) 94.76%.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop     #986   +/-   ##
========================================
  Coverage    94.76%   94.76%           
========================================
  Files          861      861           
  Lines        30202    30202           
========================================
  Hits         28620    28620           
  Misses        1582     1582           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jiromaykin]

@pi-sigma Around here I am specifying separate font-files for the regular/bol/Italic/bold-italic situations, since that is the official way to prevent so-called "faux-rendering" but... I am not sure what effect this will have on your PR #963

[pi-sigma]

From Mijn profiel:

• The "Mijn vragen" card looks a little squished, distance between title and text could be greater (though that was also the case with the previous font)

The new font looks very light to me; perhaps it just takes some getting used to...

[jiromaykin]

From Mijn profiel: * The "Mijn vragen" card looks a little squished

Ah, @pi-sigma that is not because of the font, but because of the way the grid works: if there is only one card in a row it becomes very small (a different issue, not related to Font).