Language Code

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
Language Code

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.

Set your 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

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/">

Supported languages

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.

Browser support

Can I Use ? Data on support for the feature across the major browsers from caniuse.com.

Was this helpful?
OR

Thanks for the feedback! If you can, please add additional feedback below.

Oops! Something went wrong while submitting the form

Thank you! Your feedback has been received!

Oops! Something went wrong while submitting the form