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, translating web pages, and more.

How can I set my project's language code?

  1. Go to project settings → custom code → Advanced settings
  2. Type in your 2-letter language code
  3. Save the changes
  4. Publish your site
Advanced settings →  Language code
Advanced settings →  Language code
How can I set the language code for a multilingual site?
For multilingual sites, you can add hreflang code within your pages' head section. The code sample below shows 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 language code from your site's language code settng. The alternate links are the translations. 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/">
Which languages are supported?

Any supported language on the web can be used with Webflow. See a list of language codes.

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. So, always make sure your fonts support special characters for the languages you plan to use and set your site’s language code.

Good to know
You can choose the languages and scripts you want to use in your project when adding Google fonts to your site.