Storybook doesn't apply the correct font family

[huyenltnguyen]

Description

We added the font files (#100) as well as updating the Storybook config (#119) but Storybook isn't picking up the fonts still.

I think this is because the font-family property is broken in global-element-styles.css:

• There are two font-family rules set to the body:

  • ui/src/global-element-styles.css

    Lines 70 to 71 in bbe314b

    	body {
    	font-family: "Lato", Helvetica, Arial, sans-serif;

  • ui/src/global-element-styles.css

    Lines 383 to 386 in bbe314b

    	body {
    	background-color: var(--secondary-background);
    	height: 100%;
    	font-family: var(--font-family-sans-serif);

• The second overrides the first, but --font-family-sans-serif is not defined, so Storybook falls back to the a system font

---

I'm creating this ticket to track the issue, but I think #114 should resolve it.

[huyenltnguyen]

Closing as #114 has resolved the issue.

Storybook now displays the components with the correct font: