CSS @import trouble in index.html about lightspeed-react HOT 6 CLOSED

How did you find out about this error? There is a way to import fonts as a <link> instead of @import. Also, probably we don't need that many Poppins styles. But overall I would like to see some kind of error or information that indicates incorrect parsing.

from lightspeed-react.

Chromium's console log says
GET http://127.0.0.1/url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100 net::ERR_ABORTED 404 (Not Found)
So, it seems that the parsing stops after the first semicolon in the url and the browser tries to import the relative path.

from lightspeed-react.

@tcriess Just for you I installed Chromium ver. 89.0.4387.0. GET request seems to be working fine, URL is parsed correctly and every font is fetched. Could you provide more information what are you exactly using?

from lightspeed-react.

I am on Chromium 87.0.4280.141 (snap) on Ubuntu. Files are served via nginx running in an lxc container, but that does not seem to be the issue here. As far as I can tell it really is the missing quotes. In firefox, it is parsed ok, no problem there.

from lightspeed-react.

Well, I can see that URL is missing quotes, but only after build. Somehow my Chromium, Chrome and Firefox are parsing this correctly anyway. I will take a closer look at this tomorrow.

from lightspeed-react.

#15 fixes it, thanks!

from lightspeed-react.