feat(cxl-lumo-styles): update typography

[anoblet]

Clickup: https://app.clickup.com/t/86ayy0gy1

[github-actions[bot]]

size-limit report 📦

Path	Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js	71.14 KB (+2.07% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js	11.89 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js	28.84 KB (+0.02% 🔺)
packages/cxl-ui/pkg/dist-web/vendor.js	140.5 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js, packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js, packages/cxl-ui/pkg/dist-web/cxl-ui.js, packages/cxl-ui/pkg/dist-web/manifest.js, packages/cxl-ui/pkg/dist-web/unresolved.js, packages/cxl-ui/pkg/dist-web/vendor.js	253.52 KB (+0.58% 🔺)

[heshfekry]

• [ ] Font weights are wrong and not to the spec from Clickup card - Please ensure font sizes and weights are as follows

H1 - Raleway font, weight 900, size 65px, line height 65px H2 - Raleway font, weight 900, H3 - Raleway font, weight 700, H4 - Raleway font, weight 500,

• [ ] Change line height on all h1 and 2 to var(--cxl-lumo-line-height-xxs)

• [ ] Change the dashboard headers to the following styles so they sync with global header styles. Now they are totally seperated. (Another style sync fail after repeat attempts - cc @pawelkmpt )

• [ ] Course names here should be h3 style

Ill QA again after these changes @anoblet as its hard to judge the rest without some of these changes.

[heshfekry]

Task linked: CU-86ayy0gy1 Change fonts

[pawelkmpt]

cxl-course-card needs header adjustment for .name too (screenshot from WPS)

[pawelkmpt]

Storybook looks different than compiled aybolit applied on WPS. Mostly due the primary font family. On WPS all text uses Lato. Storybook still has Roboto and Libre on some elements eg. menu.

@heshfekry do we want everything Lato?

Dashboard cards need tweaks for headings. Titles have too big margins.

[heshfekry]

@pawelkmpt

Yes we do want everything lato. We shouldn't see roboto or liber anywhere. Keep things simple as our typography system, is sub optimal.

Agree that the cards need a tweak.

[pawelkmpt]

I fixed margins cc @anoblet

and found one more thing, certificates new vs old style.

[heshfekry]

This title can be changed to Raleway font-weight 900 for sure

Rest can stay the same

[pawelkmpt]

I cleaned up commits and squashed them into just 3