OMBU-793: Combine Google Fonts into a single non-blocking request

[julioalucero]

OMBU-793: Combine Google Fonts on a single non-blocking request

Link to Jira

OMBU-793: Redundant Google Fonts requests

3. PR description

The styleguide fired a render-blocking Google Fonts request via @import inside the shared SCSS. That runs on every consumer, can't be deduped, and can't be preconnected.

• Removed the @import url() from both index.scss (npm) and vendor/assets/stylesheets/ombulabs/styleguide.scss (gem); font loading now belongs to the consuming app.
• Removed the same @import from the compiled static/styleguide.css and .min.css.
• Added preconnect hints + one combined css2 <link> (Lato + Open Sans in a single request) to index.html for the demo page/

4. QA steps

1. Open index.html, DevTools => Network, filter css => one css2 request.
2. Confirm Lato/Open Sans still render on the demo page.

Notes

• Similar Request at: Combine Google Fonts into a single preconnected request fastruby/styleguide#36

[fbuys]

From lighthouse:

[fbuys]

One single css request for the two font families: