How does the website load fonts

Why does Webflow load all variants of the font even though it isn’t selected/used at all?

I created a blank project, changed body font to “Open Sans” and published.

This is the result, all variants/weights are loaded:

<script type="text/javascript">WebFont.load({
  google: {
    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"]
  }
});</script>

All the fonts being loaded in the user’s browser:

2 Likes