I load Google Fonts this way:
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext" rel="stylesheet">
When I analyze requests in a browser, there is one CSS request instead of two, so this is good that it loads two fonts with one request:
https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext
However, when I switch to "Fonts" tab, I see 7 requests like these:
https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2
(...)
https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2
In summary, there are 5 Montserrat requests and 2 for Roboto.
Could you explain me why? Maybe I don't understand something and these one are not typical requests at all. But if they are, is there a way to load it all with one request?