3 replies

Specific Google Font not rendering in React app

I have a specific google font, https://fonts.google.com/specimen/Nunito?preview.text=Hi!&preview.text_type=custom&query=nunito, that I want to use. I have used other Google fonts and they work fine. I have a few Sass files, a

_fonts.scss

_fonts.scss

partial that uses the

@import

@import

rule for Google fonts. I have another file,

Hero.scss

Hero.scss

that uses the

font-family

font-family

associated with the font. For whatever reason, Nunito does not render on either Firefox or Chrome. When I use a different font, like Fraunces, it works fine though. Dev tools shows me that my text has the font-family set, but it just doesn't render the font.