Not able to import webfonts

[jrson83]

With v23 I can't import webfonts. I tried adding to the top of the styles.scss:

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:100,300,400");

body {
  font-family: 'Montserrat', 'Roboto', sans-serif;
}

If I inspect the body I see a striked through font-family:

body {
    font-family: "
}

If I try the fonts without single quotes, it just uses sans-serif.

Tried using file-loader with webpack:

{
  test   : /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
  use : 'file-loader'
},

I also tried typefaces, but had the same issue like described in this post: Importing packages from the Typefaces project breaks Webpack

Again I tried the package webfontloader with @types/webfontloader but the font is just not changing.

[yandeu]

Looks like Helmet is escaping the single-quote.

[yandeu]

See #59

[yandeu]

Has been fixed in (1236826). Will work in v24.

[jrson83]

Thanks, I tested with the template, it's fixed in v24!