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?
1.4m articles
1.4m replys
5 comments
57.0k users