OG Image
Guides

Non-English Locales

How to use the Nuxt OG Image module with non-english locales.

To render Satori images correctly, the module provides the default font Inter.

Inter does not support non-english character, so you will need to switch the font when rendering in different languages.

The Noto Typeface from Google Fonts is a good option for this as they support a wide range of languages.

Example: Chinese

export default defineNuxtConfig({
  ogImage: {
    fonts: [
      'Noto+Sans+SC:400'
    ]
  }
})
<script lang="ts" setup>
defineOgImageComponent('NuxtSeo', {
  title: '中文測試中文測試中文測試中文測試中文測試中文測試中文測試中文測試',
})
</script>