---
title: "Non-English Locales"
description: "How to use the Nuxt OG Image module with non-english locales."
canonical_url: "https://nuxtseo.com/docs/og-image/guides/non-english-locales"
last_updated: "2026-05-07T12:23:46.165Z"
---

To render Satori images correctly, the module provides the [default font Inter](/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:

```vue [components/OgImage/MyOgImage.satori.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>
```

```vue [pages/index.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](/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:

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