Support word-based wrapping (word-break: keep-all) for Korean OG images

[pmTouchedTheCode]

Feature request

Please add an opt-in word-breaking setting for automatically generated Open Graph images, equivalent to CSS word-break: keep-all for titles and descriptions.

Problem

On Korean documentation sites, OG text can wrap between Hangul syllables in the middle of a word. For example, a description can end a line with 원하 and start the next with 는, splitting 원하는. Wrapping at spaces would make these previews easier to read.

Setting thumbnails.fonts.family to Noto Sans KR fixes missing Korean glyphs, but it does not change this wrapping behavior. The current thumbnail settings expose fonts and layouts without a word-breaking option, and site CSS does not control the separate OG renderer.

Reproduction

1. Configure a site with the default thumbnail layout (no thumbnails.preset) and:

   {
     "thumbnails": {
       "fonts": {
         "family": "Noto Sans KR"
       }
     }
   }

2. Create a page with a Korean title and a sufficiently long description, for example:

   ---
   title: "시작하기"
   description: "노티플라이 캠페인을 이용하여 원하는 유저를 타겟하여, 원하는 타이밍에 원하는 채널로 보내보세요. 노티플라이 캠페인 생성 페이지에서 캠페인을 쉽고 빠르게 생성할 수 있습니다."
   ---

3. Render it with mint og <page-path> --no-open and inspect the description's line break.

Observed with mint@4.2.1028 and @mintlify/og@0.0.35. In a local experiment, adding wordBreak: 'keep-all' to the renderer's title and description styles made the description wrap at spaces as expected. This was only a local renderer experiment, not a change to the hosted service.

Desired behavior

• Allow opting into word-based wrapping for OG titles and descriptions, ideally through docs.json thumbnail settings.
• Support the setting in both hosted OG generation and mint og previews.
• Preserve existing wrapping by default and keep the existing image dimensions, line limits, and truncation behavior.
• Define a bounded fallback for an unbroken token that is wider than the text area.

This would let Korean sites retain automatically generated, page-specific social previews without maintaining their own image-generation pipeline.

Reference: https://www.mintlify.com/docs/organize/settings-appearance#thumbnails