<!-- .storybook/preview-head.html --> <!-- Pull in static files served from your Static directory or the internet --> <!-- Cf. Referencing Fonts in Stories ( https://storybook.js.org/docs/react/configure/images-and-assets#referencing-fonts-in-stories ) --> <!-- CSS import would avoid duplicate html head stylesheet links but html link is prefered for performance ( https://stackoverflow.com/questions/12316501/including-google-fonts-link-or-import ) --> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet" />