0
votes

I have several google fonts which I import into stylesheet with using @import rule. All of them render fine except of Roboto Condensed. It falls back to default sans-serif font, in my case Helvetica.

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400&subset=latin,latin-ext);

font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
font-weight: 400;

I already tried removing local Roboto font, changing font-weight and font style, playing with font-family name but dev tools still show that the rendered font is Helvetica. Other Google fonts render just fine. What could be an issue?

1

1 Answers

3
votes

Included @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400&subset=latin,latin-ext); in my stylesheet and

html, body {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

worked just fine for me. Do you have any errors in your console?