---
title: "Non-English Locales · Nuxt OG Image · Nuxt SEO"
canonical_url: "https://nuxtseo.com/docs/og-image/guides/non-english-locales"
last_updated: "2026-08-16T09:55:31.291Z"
meta:
  description: "How to use the Nuxt OG Image module with non-English locales."
  "og:description": "How to use the Nuxt OG Image module with non-English locales."
  "og:title": "Non-English Locales · Nuxt OG Image · Nuxt SEO"
---

Nuxt SEO on GitHub

**OG Image v6** is here. Looking for an older version? [~~View v5 docs ~~](https://nuxtseo.com/docs/og-image/v5/getting-started/introduction).

](https://nuxtseo.com/docs/og-image/getting-started/introduction)

](https://nuxtseo.com/docs/og-image/api/define-og-image)

](https://nuxtseo.com/docs/og-image/releases/v6)

Switch to OG Image](https://nuxtseo.com/docs/og-image/getting-started/introduction)Switch to Nuxt SEO](https://nuxtseo.com/docs/nuxt-seo/getting-started/introduction)Switch to Robots](https://nuxtseo.com/docs/robots/getting-started/introduction)Switch to Sitemap](https://nuxtseo.com/docs/sitemap/getting-started/introduction)Switch to Schema.org](https://nuxtseo.com/docs/schema-org/getting-started/introduction)Switch to Link Checker](https://nuxtseo.com/docs/link-checker/getting-started/introduction)Switch to SEO Utils](https://nuxtseo.com/docs/seo-utils/getting-started/introduction)Switch to Site Config](https://nuxtseo.com/docs/site-config/getting-started/introduction)Switch to Skew Protection](https://nuxtseo.com/docs/skew-protection/getting-started/introduction)Switch to AI Ready](https://nuxtseo.com/docs/ai-ready/getting-started/introduction)

**Core Concepts**

# **Non-English Locales**

To render Satori images correctly, the module provides the [**~~default font Inter~~**](https://nuxtseo.com/docs/og-image/guides/custom-fonts).

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

The [**~~Noto Typeface~~**](https://fonts.google.com/noto) from Google Fonts is a good option for this as they support a wide range of languages.

### Example: Chinese

Use [`**@nuxt/fonts**`](https://fonts.nuxt.com) to load the font, then reference it in your OG image component:

components/OgImage/MyOgImage.satori.vue

```vue
<script setup lang="ts">
defineProps<{
  title: string
}>()
</script>

<template>
  <div style="font-family: 'Noto Sans SC', sans-serif;" class="w-full h-full flex items-center justify-center bg-white">
    <h1 class="text-6xl">
      {{ title }}
    </h1>
  </div>
</template>
```

pages/index.vue

```vue
<script lang="ts" setup>
defineOgImage('MyOgImage', {
  title: '中文測試中文測試中文測試中文測試中文測試中文測試中文測試中文測試',
})
</script>
```

The module will automatically detect the `**Noto Sans SC**` font family from your component and resolve it via `**@nuxt/fonts**`.

### Using `**fontSubsets**` (Satori only)

When using the [**~~Satori~~**](https://nuxtseo.com/docs/og-image/renderers/satori) renderer, the module uses `**fontless**` to supplement missing font families. By default, it only downloads the `**latin**` subset.

If you're using characters from other languages, you may need to specify the subsets in your config:

nuxt.config.ts

```ts
export default defineNuxtConfig({
  ogImage: {
    fontSubsets: ['latin', 'chinese-simplified', 'devanagari']
  }
})
```

**Was this page helpful?**

### **Related **

[**Custom Fonts**](https://nuxtseo.com/docs/og-image/guides/custom-fonts)

[**Nuxt I18n**](https://nuxtseo.com/docs/og-image/integrations/i18n)

[**I18n Integration**](https://nuxtseo.com/docs/site-config/guides/i18n)

[**Custom Fonts** Using custom fonts in your OG Images.](https://nuxtseo.com/docs/og-image/guides/custom-fonts) [**Emojis** Use emojis in your OG Images.](https://nuxtseo.com/docs/og-image/guides/emojis)