Load fonts or custom tags by locale

Publishing help Project settings
1

Does webflow support loading fonts or custom tags by locale? I want to load a specific font if it’s only chinese locale

2

Maybe.

As far as I’m aware there are two “behaviors” Webflow has with fonts.

If you use Google-hosted fonts, Webflow appears to use the WebFont.load which will load the font immediately, even if it’s not used.

It looks like this;

<script type="text/javascript">
  WebFont.load({
    google: {
      families: ["Bitter:400,700"]  
    }
  });
</script>

However if you upload fonts to Webflow, then you seem to get a different behavior, in which the font is only represented in the CSS;

@font-face {
  font-family: 'Big Noodle Titling';
  src: url('https://cdn.prod.website-files.com/6702d1e5956732f2d7a270ad/6735818c6ef6409ea7e08783_big_noodle_titling.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

In this second situation, modern browsers are smart enough to be efficient about that load- unless the font is actually used on the page, it shouldn’t load it.

That means you should be able to-

  • Upload your font to Webflow
  • On your Chinese localize only, use that font for locale-specific styling