Why doesn't chrome always match the second font with google fonts?

Question

css

Why doesn't chrome always match the second font with google fonts?

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700&subset=cyrillic');

font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

Most of the time, chrome only applies the Roboto font, including blocks with Roboto Condensed.
If you disable Roboto (set for the entire document), then the page includes the system font, and blocks with Roboto Condensed are displayed as regular Roboto. Firefox doesn't have this problem. What could be the reason?

Answer 1

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;