Setting your project’s 2-letter language code allows you to declare the natural (human) language of your site so browsers, translation applications, and other tools can use that information for language-sensitive tasks. These tasks include applying appropriate fonts, selecting accents in text-to-speech applications, spell checking, and translating web pages, and more.

Setting your site's language code

From your Project Settings, go to the Custom Code tab, scroll down to the Language Settings section and add your 2-letter language code.

Pro tip
For multilingual sites, you can add hreflang code with in your pages' head section. The code sample below hows you how you can specify the language of each page as well as announce the translated pages. The canonical link is the link to the current page — the original content. It takes the lanhguage code from your site's language code settng.The alternate links are the translations. You can learn more about using hreflang for language and regional URLs.

<link rel=”canonical” href="http://www.domain.com/en/page/">
<link rel="alternate" hreflang="de" href="http://www.domain.com/de/page/">
<link rel="alternate" hreflang="fr" href="http://www.domain.com/fr/page/">

Supported languages

Any supported language on the web can be used with Webflow.

Example of multiple languages rendering in a Webflow site.

However, without proper font rendering support by browsers, your site visitors may still see question marks, boxes, or other symbols substituting your site text.

  • Always make sure your fonts support special characters for the languages you plan to use and set your site’s language code.
  • You can choose the languages and scripts you want to use in your project when adding Google fonts to your site.