Typstの日本語組版対応状況

#set page(width: 120pt, height: 160pt, margin: 16pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true, leading: 4pt)

Typstでは、横組の本文とページの寸法や余白を設定できます。文字は左から右へ並び、行は上から下へ進みます。

#set page(width: 300pt, height: 70pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  region: "JP",
  size: 9pt,
)

漢字・ひらがな・カタカナ、123、Latin、Ελληνικά。

#set page(width: 150pt, height: 170pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)

#context {
  let chars = ("漢", "あ", "ア", "ゃ")
  table(
    columns: 2,
    [文字], [幅],
    ..chars.map(char => (char, [#measure(char).width])).flatten(),
  )
}

#set page(width: 220pt, height: 150pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 9pt,
  kerning: false,
)

#let even(width, body) = box(width: width, stroke: .5pt)[
  #set par(justify: true)
  #body#linebreak(justify: true)
]

広げる：#text(tracking: .25em)[日本語組版]#linebreak()
狭める：#text(tracking: -.1em)[日本語組版]#linebreak()
書記体系をまたぐ：#text(script: "jpan", tracking: .25em)[漢字かなカナ]#linebreak()
均等割り：#even(8em)[漢字かなカナ]

#set page(
  width: 200pt,
  height: 130pt,
  margin: (inside: 16pt, outside: 12pt, y: 18pt),
  binding: left,
  columns: 2,
  header: align(right)[章名],
  footer: context align(center)[#counter(page).display("1")],
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)
#set par(justify: true, leading: 3pt)

第1段の本文です。

#colbreak()

第2段の本文です。

#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)

#set page(width: 120pt, height: 160pt, margin: 16pt)
*本文・単段組*

#par(justify: true)[日本語の本文を一つの段に配置します。]

#pagebreak()

#set page(width: 150pt, height: 120pt, margin: 12pt, columns: 2)
*索引・二段組*

あ項目\
い項目
#colbreak()
う項目\
え項目

#set page(
  width: 200pt,
  height: 130pt,
  margin: (inside: 16pt, outside: 12pt, y: 18pt),
  binding: left,
  columns: 2,
  header: align(right)[章名],
  footer: context align(center)[#counter(page).display("1")],
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)
#set par(justify: true, leading: 3pt)

第1段の本文です。

#colbreak()

第2段の本文です。

#let nominal-character-size = 8pt
#let characters = 12
#let lines = 8
#let nominal-line-gap = 4pt
#let column-count = 2
#let column-gap = 12pt
#let column-width = nominal-character-size * characters
#let hanmen-width = (
  column-width * column-count + column-gap * (column-count - 1)
)
#let hanmen-height = (
  nominal-character-size * lines + nominal-line-gap * (lines - 1)
)

#set page(
  width: hanmen-width + 24pt,
  height: hanmen-height + 24pt,
  margin: 12pt,
)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: nominal-character-size,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: nominal-line-gap)

#columns(column-count, gutter: column-gap)[
  #block(width: column-width, height: hanmen-height, stroke: .5pt)[
    1段目。字詰め数、行数、行間から公称寸法を計算します。
  ]

  #colbreak()

  #block(width: column-width, height: hanmen-height, stroke: .5pt)[2段目。]
]

#let text-size = 8pt
#let leading = 3pt
#let line-height = text-size + leading

#set page(
  width: 250pt,
  height: 170pt,
  margin: 16pt,
  columns: 2,
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: text-size)
#set par(leading: leading)

#figure(
  rect(width: 100%, height: 14pt, fill: luma(84%))[本文領域の幅],
  placement: top,
  scope: "parent",
)

#block(height: 3 * line-height - leading, width: 100%, stroke: .5pt)[
  #align(horizon + left)[#h(4em)*3行取りの見出し*]
]

見出しの後に続く本文です。基本版面の行位置へ戻す処理はありません。

#figure(
  rect(width: 100%, height: 14pt, fill: luma(88%))[段幅],
  placement: bottom,
)

#pagebreak()

#set page(margin: 28pt, columns: 1)

*本文とは異なる領域を使う目次*

1. 第一章\
2. 第二章

#set page(width: 120pt, height: 160pt, margin: 16pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true, leading: 4pt)

Typstでは、横組の本文とページの寸法や余白を設定できます。文字は左から右へ並び、行は上から下へ進みます。

#set page(width: 250pt, height: 110pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#let illustration = rect(
  width: 3em,
  height: 2em,
  stroke: 0.5pt,
  inset: 2pt,
)[上　図版]

#grid(
  columns: (1fr, 1fr, 1fr),
  gutter: 12pt,
  [*横組* #linebreak()欧字],
  [*横組の図版* #linebreak()#box(height: 3em)[#rotate(-90deg)[#illustration]]],
  [*縦組の図版* #linebreak()#box(height: 3em)[#rotate(90deg)[#illustration]]],
)

#set page(
  width: 200pt,
  height: 130pt,
  margin: (inside: 16pt, outside: 12pt, y: 18pt),
  binding: left,
  columns: 2,
  header: align(right)[章名],
  footer: context align(center)[#counter(page).display("1")],
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)
#set par(justify: true, leading: 3pt)

第1段の本文です。

#colbreak()

第2段の本文です。

#let nominal-character-size = 8pt
#let characters = 12
#let lines = 8
#let nominal-line-gap = 4pt
#let column-count = 2
#let column-gap = 12pt
#let column-width = nominal-character-size * characters
#let hanmen-width = (
  column-width * column-count + column-gap * (column-count - 1)
)
#let hanmen-height = (
  nominal-character-size * lines + nominal-line-gap * (lines - 1)
)

#set page(
  width: hanmen-width + 24pt,
  height: hanmen-height + 24pt,
  margin: 12pt,
)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: nominal-character-size,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: nominal-line-gap)

#columns(column-count, gutter: column-gap)[
  #block(width: column-width, height: hanmen-height, stroke: .5pt)[
    1段目。字詰め数、行数、行間から公称寸法を計算します。
  ]

  #colbreak()

  #block(width: column-width, height: hanmen-height, stroke: .5pt)[2段目。]
]

#set page(width: 300pt, height: 150pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 8pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: 5pt)
#let fixed-line(body) = context {
  let size = measure(body)
  box(
    width: size.width,
    height: 0pt,
    baseline: bottom,
    move(dy: -size.height / 2, body),
  )
}

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(
      width: 15em,
    )[1行目です。\ 通常#text(size: 14pt)[大きな文字]です。\ 3行目です。]
  ],
  [
    *行位置を保つ*
    #block(
      width: 15em,
    )[1行目です。\ 通常#fixed-line(text(size: 14pt)[大きな文字])です。\ 3行目です。]
  ],
)

#let nominal-character-size = 8pt
#let characters = 12
#let lines = 8
#let nominal-line-gap = 4pt
#let column-count = 2
#let column-gap = 12pt
#let column-width = nominal-character-size * characters
#let hanmen-width = (
  column-width * column-count + column-gap * (column-count - 1)
)
#let hanmen-height = (
  nominal-character-size * lines + nominal-line-gap * (lines - 1)
)

#set page(
  width: hanmen-width + 24pt,
  height: hanmen-height + 24pt,
  margin: 12pt,
)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: nominal-character-size,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: nominal-line-gap)

#columns(column-count, gutter: column-gap)[
  #block(width: column-width, height: hanmen-height, stroke: .5pt)[
    1段目。字詰め数、行数、行間から公称寸法を計算します。
  ]

  #colbreak()

  #block(width: column-width, height: hanmen-height, stroke: .5pt)[2段目。]
]

#set page(width: 300pt, height: 150pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 8pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: 5pt)
#let fixed-line(body) = context {
  let size = measure(body)
  box(
    width: size.width,
    height: 0pt,
    baseline: bottom,
    move(dy: -size.height / 2, body),
  )
}

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(
      width: 15em,
    )[1行目です。\ 通常#text(size: 14pt)[大きな文字]です。\ 3行目です。]
  ],
  [
    *行位置を保つ*
    #block(
      width: 15em,
    )[1行目です。\ 通常#fixed-line(text(size: 14pt)[大きな文字])です。\ 3行目です。]
  ],
)

#let nominal-character-size = 8pt
#let characters = 12
#let lines = 8
#let nominal-line-gap = 4pt
#let column-count = 2
#let column-gap = 12pt
#let column-width = nominal-character-size * characters
#let hanmen-width = (
  column-width * column-count + column-gap * (column-count - 1)
)
#let hanmen-height = (
  nominal-character-size * lines + nominal-line-gap * (lines - 1)
)

#set page(
  width: hanmen-width + 24pt,
  height: hanmen-height + 24pt,
  margin: 12pt,
)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: nominal-character-size,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: nominal-line-gap)

#columns(column-count, gutter: column-gap)[
  #block(width: column-width, height: hanmen-height, stroke: .5pt)[
    1段目。字詰め数、行数、行間から公称寸法を計算します。
  ]

  #colbreak()

  #block(width: column-width, height: hanmen-height, stroke: .5pt)[2段目。]
]

#set page(width: 300pt, height: 150pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 8pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: 5pt)
#let fixed-line(body) = context {
  let size = measure(body)
  box(
    width: size.width,
    height: 0pt,
    baseline: bottom,
    move(dy: -size.height / 2, body),
  )
}

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(
      width: 15em,
    )[1行目です。\ 通常#text(size: 14pt)[大きな文字]です。\ 3行目です。]
  ],
  [
    *行位置を保つ*
    #block(
      width: 15em,
    )[1行目です。\ 通常#fixed-line(text(size: 14pt)[大きな文字])です。\ 3行目です。]
  ],
)

#set page(width: 140pt, height: 120pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)
#set par(leading: 4pt)

#block(width: 100%, height: 76pt, stroke: .5pt, inset: 6pt)[
  #place(top + right, dx: 10pt, rect(
    width: 24pt,
    height: 18pt,
    fill: luma(90%),
  ))
  各要素の位置を指定します。
]

#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)

#set page(width: 120pt, height: 160pt, margin: 16pt)
*本文・単段組*

#par(justify: true)[日本語の本文を一つの段に配置します。]

#pagebreak()

#set page(width: 150pt, height: 120pt, margin: 12pt, columns: 2)
*索引・二段組*

あ項目\
い項目
#colbreak()
う項目\
え項目

#set page(width: 240pt, height: 145pt, margin: 16pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 8pt,
)

#block(width: 22em, stroke: .5pt)[
  #place(top + right, dx: 10pt, rect(
    width: 18pt,
    height: 14pt,
    fill: luma(85%),
  ))
  本文領域の外へ図版を配置します。#linebreak()
  下線#underline[付き]、注#super[1]、CO#sub[2]も配置できます。
]

#place(bottom + right, dx: 10pt)[
  #figure(
    table(
      columns: 2,
      inset: 1pt,
      [項目], [値],
      [表], [1],
    ),
    caption: [本文領域の外へ置いた表],
  )
]

#set page(width: 300pt, height: 150pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 8pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: 5pt)
#let fixed-line(body) = context {
  let size = measure(body)
  box(
    width: size.width,
    height: 0pt,
    baseline: bottom,
    move(dy: -size.height / 2, body),
  )
}

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(
      width: 15em,
    )[1行目です。\ 通常#text(size: 14pt)[大きな文字]です。\ 3行目です。]
  ],
  [
    *行位置を保つ*
    #block(
      width: 15em,
    )[1行目です。\ 通常#fixed-line(text(size: 14pt)[大きな文字])です。\ 3行目です。]
  ],
)

#set page(width: 300pt, height: 150pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 8pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)
#set par(leading: 5pt)
#let fixed-line(body) = context {
  let size = measure(body)
  box(
    width: size.width,
    height: 0pt,
    baseline: bottom,
    move(dy: -size.height / 2, body),
  )
}

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(
      width: 15em,
    )[1行目です。\ 通常#text(size: 14pt)[大きな文字]です。\ 3行目です。]
  ],
  [
    *行位置を保つ*
    #block(
      width: 15em,
    )[1行目です。\ 通常#fixed-line(text(size: 14pt)[大きな文字])です。\ 3行目です。]
  ],
)

#set page(width: 250pt, height: 135pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)

#let gauge(body) = box(width: 10em, height: 1.6em)[
  #place(top + left)[
    #grid(
      columns: (1em,) * 10,
      ..range(10).map(_ => rect(
        width: 1em,
        height: 1.6em,
        stroke: .25pt + luma(75%),
      )),
    )
  ]
  #place(top + left, dy: .2em)[#body]
]

*全角文字だけのベタ組*
#gauge[天地玄黄宇宙洪荒日月]

*プロポーショナルな欧字を含む行*
#gauge[天地Typst宇宙洪荒]

#set page(
  width: 130pt,
  height: 160pt,
  margin: 20pt,
  header: align(right)[章名],
  footer: context align(center)[#counter(page).display("1")],
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

柱とノンブルを指定した横組のページです。

#set page(
  width: 200pt,
  height: 160pt,
  margin: 24pt,
  header-ascent: 10pt,
  header: context {
    let page-number = counter(page).get().first()
    let content = if calc.even(page-number) {
      [#page-number#h(1.5em)章名]
    } else {
      [章名#h(1.5em)#page-number]
    }
    pad(x: 1em, align(
      if calc.even(page-number) { left } else { right },
      content,
    ))
  },
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

右ページではノンブルを小口側の右端から1字内側へ置きます。

#pagebreak()

左ページではノンブルを小口側の左端から1字内側へ置きます。

#set page(
  width: 130pt,
  height: 160pt,
  margin: 20pt,
  header: align(right)[章名],
  footer: context align(center)[#counter(page).display("1")],
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#block(width: 100%)[本文の版面です。]

#pagebreak()

#pad(x: 10pt)[
  #block(width: 100%)[目次の本文領域です。左右を10ptずつ狭めています。]
]

#let folio-style = state("folio-style", "i")
#let section-start = state("section-start", 1)
#let blank-pages = state("blank-pages", ())
#let headerless-pages = state("headerless-pages", ())
#let uncounted-pages = state("uncounted-pages", ())
#let logical-page(physical) = {
  let skipped = uncounted-pages.final().filter(page => page <= physical).len()
  physical - skipped
}
#let omit-header() = context {
  let physical = here().page()
  headerless-pages.update(pages => pages + (physical,))
}
#let omit-count() = context {
  let physical = here().page()
  uncounted-pages.update(pages => pages + (physical,))
}
#let parity-break(to) = {
  context {
    let current = here().page()
    if (
      (to == "odd" and calc.odd(current))
        or (to == "even" and calc.even(current))
    ) {
      blank-pages.update(pages => pages + (current + 1,))
    }
  }
  pagebreak(to: to)
}

#set page(
  width: 180pt,
  height: 130pt,
  margin: 20pt,
  header: context {
    let physical = here().page()
    let number = counter(page).get().first()
    let headings = query(selector(heading).before(here()))
    if (
      not blank-pages.final().contains(physical)
        and not headerless-pages.final().contains(physical)
        and not uncounted-pages.final().contains(physical)
        and headings.len() > 0
    ) {
      if calc.odd(number) {
        align(right, headings.last().body)
      } else {
        align(left)[文書名（略称）]
      }
    }
  },
  footer: context {
    let physical = here().page()
    let number = logical-page(physical)
    let last = logical-page(counter(page).final().first())
    let style = folio-style.get()
    if (
      not blank-pages.final().contains(physical)
        and not uncounted-pages.final().contains(physical)
    ) {
      align(center)[
        #numbering(style, number)
        #if (
          style == "1"
        ) [　章別 #numbering("1", number - section-start.get() + 1)]
        　逆 #numbering("1", last - number + 1)
      ]
    }
  },
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

まえがき

見出しのない先頭ページでは柱を省き、ローマ数字のノンブルを使います。

#parity-break("odd")

#context {
  folio-style.update("1")
  section-start.update(logical-page(here().page()))
}

= 第一章

文書最初の見出しより前には参照できる見出しがないため、柱はありません。

== 第一節

#pagebreak()

#omit-header()

このページでは柱を明示的に省きます。

#parity-break("even")

#omit-count()

*口絵*（ページ数から除外）

直前に自動挿入された白ページは、柱とノンブルを省きますがページ数には含めます。

#pagebreak()

奇数ページでは直前の見出しを右に置きます。前の口絵を数えないため、物理7ページ目のノンブルは6になります。

#pagebreak()

偶数ページでは文書名の略称を左に置きます。

#let folio-style = state("folio-style", "i")
#let section-start = state("section-start", 1)
#let blank-pages = state("blank-pages", ())
#let headerless-pages = state("headerless-pages", ())
#let uncounted-pages = state("uncounted-pages", ())
#let logical-page(physical) = {
  let skipped = uncounted-pages.final().filter(page => page <= physical).len()
  physical - skipped
}
#let omit-header() = context {
  let physical = here().page()
  headerless-pages.update(pages => pages + (physical,))
}
#let omit-count() = context {
  let physical = here().page()
  uncounted-pages.update(pages => pages + (physical,))
}
#let parity-break(to) = {
  context {
    let current = here().page()
    if (
      (to == "odd" and calc.odd(current))
        or (to == "even" and calc.even(current))
    ) {
      blank-pages.update(pages => pages + (current + 1,))
    }
  }
  pagebreak(to: to)
}

#set page(
  width: 180pt,
  height: 130pt,
  margin: 20pt,
  header: context {
    let physical = here().page()
    let number = counter(page).get().first()
    let headings = query(selector(heading).before(here()))
    if (
      not blank-pages.final().contains(physical)
        and not headerless-pages.final().contains(physical)
        and not uncounted-pages.final().contains(physical)
        and headings.len() > 0
    ) {
      if calc.odd(number) {
        align(right, headings.last().body)
      } else {
        align(left)[文書名（略称）]
      }
    }
  },
  footer: context {
    let physical = here().page()
    let number = logical-page(physical)
    let last = logical-page(counter(page).final().first())
    let style = folio-style.get()
    if (
      not blank-pages.final().contains(physical)
        and not uncounted-pages.final().contains(physical)
    ) {
      align(center)[
        #numbering(style, number)
        #if (
          style == "1"
        ) [　章別 #numbering("1", number - section-start.get() + 1)]
        　逆 #numbering("1", last - number + 1)
      ]
    }
  },
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

まえがき

見出しのない先頭ページでは柱を省き、ローマ数字のノンブルを使います。

#parity-break("odd")

#context {
  folio-style.update("1")
  section-start.update(logical-page(here().page()))
}

= 第一章

文書最初の見出しより前には参照できる見出しがないため、柱はありません。

== 第一節

#pagebreak()

#omit-header()

このページでは柱を明示的に省きます。

#parity-break("even")

#omit-count()

*口絵*（ページ数から除外）

直前に自動挿入された白ページは、柱とノンブルを省きますがページ数には含めます。

#pagebreak()

奇数ページでは直前の見出しを右に置きます。前の口絵を数えないため、物理7ページ目のノンブルは6になります。

#pagebreak()

偶数ページでは文書名の略称を左に置きます。

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true)

#block(
  width: 12em,
)[「括弧（本文）。」約物を含む文章を狭い行幅で両端揃えにします。]

#set page(width: 150pt, height: 90pt, margin: 14pt)
#set text(
  font: (
    (name: "Libertinus Serif", covers: "latin-in-cjk"),
    "Noto Serif CJK JP",
  ),
  lang: "ja",
  size: 8pt,
)

日本語Latin日本語123

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 300pt, height: 145pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let warichu(upper, lower, size: 6pt, delimiters: true, gap: 0.5em) = box(
  baseline: horizon,
  grid(
    columns: (auto, auto, auto),
    align: horizon,
    if delimiters { text(size: size * 2, lang: "ja", [（]) } else { h(gap) },
    grid(
      columns: (auto,),
      rows: (auto, auto),
      row-gutter: 0pt,
      text(size: size, lang: "ja", upper),
      text(size: size, lang: "ja", lower),
    ),
    if delimiters { text(size: size * 2, lang: "ja", [）]) } else { h(gap) },
  ),
)

括弧付き：本文中に#warichu([用語（上段）], [説明、下段。])割注を配置します。

括弧なし：本文中に#warichu([用語について], [説明を加える], delimiters: false)割注を配置します。

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true)

#block(
  width: 12em,
)[「括弧（本文）。」約物を含む文章を狭い行幅で両端揃えにします。]

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true)

#block(
  width: 12em,
)[「括弧（本文）。」約物を含む文章を狭い行幅で両端揃えにします。]

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true)

#block(
  width: 12em,
)[「括弧（本文）。」約物を含む文章を狭い行幅で両端揃えにします。]

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

通常：）。次

#show "。": "．"
置換：）。次

#set page(width: 180pt, height: 150pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

*指定なし*
#block(width: 18em)[「同じ文章を配置します。」]

*1字下げ*
#block(width: 18em)[
  #set par(first-line-indent: (amount: 1em, all: true))
  「同じ文章を配置します。」
]

#set page(width: 260pt, height: 235pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

空白なし：疑問符？後続　感嘆符！後続

明示あり：疑問符？　後続　感嘆符！　後続

ハイフン後：‐（　‐・

*狭い行での分割*

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    疑問符
    #block(width: 4em, stroke: .5pt)[前文？後続文]
  ],
  [
    ハイフン
    #block(width: 4em, stroke: .5pt)[あいう‐えおか]
  ],
)

#context table(
  columns: (auto, auto, auto),
  align: center,
  [文字], [JLReq], [Typst（8pt時）],
  [‐], [四分], [#measure("‐").width],
  [–], [半角], [#measure("–").width],
  [゠], [半角], [#measure("゠").width],
  [〜], [全角], [#measure("〜").width],
)

#set page(width: 120pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#block(width: 6em)[日日日日日日）次]

#block(width: 6em)[日日日日日日ゃ次]

#set page(width: 120pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#block(width: 5.5em)[日日日日日（次）]

#set page(width: 120pt, height: 90pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(justify: true)

#block(width: 5.5em)[日日日日日。次]

#set page(width: 270pt, height: 210pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  row-gutter: 6pt,
  [*数字列* #block(width: 6em, stroke: .5pt)[前 1234567890 後]],
  [*欧文単語* #block(width: 6em, stroke: .5pt)[前 ABCDEFGH 後]],

  [*連続ダッシュ* #block(width: 4em, stroke: .5pt)[前前 ―― 後後]],
  [*添え字* #block(width: 6em, stroke: .5pt)[日日日日日親#super[注]次]],

  [*脚注合印* #block(width: 6em, stroke: .5pt)[日日日日日親#footnote[脚注です。]次]],
)

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 220pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let attached(base, script) = box[#base#script]

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *通常*
    #block(width: 6em, stroke: .5pt)[日日日日日親#super[注]次]
  ],
  [
    *box*
    #block(width: 6em, stroke: .5pt)[日日日日日#attached([親], super[注])次]
  ],
)

下付き：#attached([CO], sub[2])

数式：$x^2 + a_1$

#set page(width: 210pt, height: 500pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 10pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let furiwake(width, upper, lower, row-gap: 2pt) = box(
  baseline: horizon,
  grid(
    columns: (width,),
    rows: (auto, auto),
    align: left,
    row-gutter: row-gap,
    {
      set par(leading: 0pt)
      upper
    },
    {
      set par(leading: 0pt)
      lower
    },
  ),
)

自動幅：

#furiwake(auto)[短い上段][長い下段]

指定幅での自動折返し：

#furiwake(7em)[短い上段][長い下段を折り返します]

明示改行：

#furiwake(7em)[上段の1行目\ 上段の2行目][下段]

文字・書体・振分け行間：

#text(font: "Noto Sans CJK JP", size: 8pt)[
  #furiwake(auto, row-gap: 5pt)[小さい上段][小さい下段]
]

振分けを含む段落の行間：

#[
  #set par(leading: 10pt)
  前の行です。\
  本文中の#furiwake(auto)[上段][下段]です。\
  後ろの行です。
]

分割禁止：

#block(width: 4em, stroke: 0.5pt)[前前#furiwake(auto)[上段][下段]後後]

#set page(width: 240pt, height: 250pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 9pt)

#let noted(base, note) = box[#base#footnote(note)]
#let interlinear-note(base, note) = box[
  #place(top + right, dy: -0.4em, footnote(note))
  #base
]

既定の合印#footnote[既定の脚注です。]

#[
  #set footnote(numbering: "①")
  #set super(typographic: false, size: 0.6em, baseline: 0.5em)
  #show footnote: set text(fill: maroon)
  変更した合印#footnote[合印だけに色が付きます。]
]

#block(width: 6.6em, stroke: 0.5pt, inset: 2pt)[
  日日日日日親#footnote[合印が親文字と分かれる場合があります。]次
]

#block(width: 6.6em, stroke: 0.5pt, inset: 2pt)[
  日日日日日#noted([親], [親文字と合印を一体にします。])次
]

行間に置く合印：#interlinear-note([対象語], [対象語の上側に置いた合印です。])

#grid(
  columns: (1fr, 1fr),
  gutter: 10pt,
  [
    *合印なし*
    #set par(leading: 6pt)
    1行目です。\
    2行目です。
  ],
  [
    *上付き合印*
    #set par(leading: 6pt)
    1行目#super[1]です。\
    2行目です。
  ],
)

#set page(width: 220pt, height: 180pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#let attached(base, script) = box[#base#script]

*ベタ組*
#block(width: 8em, stroke: .5pt)[始「中」終]

*両端揃え*
#block(width: 8em, stroke: .5pt)[
  #set par(justify: true)
  始「中」終#linebreak(justify: true)
]

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(width: 8em, stroke: .5pt)[
      #set par(justify: true)
      始親#super[注]終#linebreak(justify: true)
    ]
  ],
  [
    *box*
    #block(width: 8em, stroke: .5pt)[
      #set par(justify: true)
      始#attached([親], super[注])終#linebreak(justify: true)
    ]
  ],
)

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 300pt, height: 145pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let warichu(upper, lower, size: 6pt, delimiters: true, gap: 0.5em) = box(
  baseline: horizon,
  grid(
    columns: (auto, auto, auto),
    align: horizon,
    if delimiters { text(size: size * 2, lang: "ja", [（]) } else { h(gap) },
    grid(
      columns: (auto,),
      rows: (auto, auto),
      row-gutter: 0pt,
      text(size: size, lang: "ja", upper),
      text(size: size, lang: "ja", lower),
    ),
    if delimiters { text(size: size * 2, lang: "ja", [）]) } else { h(gap) },
  ),
)

括弧付き：本文中に#warichu([用語（上段）], [説明、下段。])割注を配置します。

括弧なし：本文中に#warichu([用語について], [説明を加える], delimiters: false)割注を配置します。

#set page(width: 220pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let attached(base, script) = box[#base#script]

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *通常*
    #block(width: 6em, stroke: .5pt)[日日日日日親#super[注]次]
  ],
  [
    *box*
    #block(width: 6em, stroke: .5pt)[日日日日日#attached([親], super[注])次]
  ],
)

下付き：#attached([CO], sub[2])

数式：$x^2 + a_1$

#set page(width: 210pt, height: 500pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 10pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let furiwake(width, upper, lower, row-gap: 2pt) = box(
  baseline: horizon,
  grid(
    columns: (width,),
    rows: (auto, auto),
    align: left,
    row-gutter: row-gap,
    {
      set par(leading: 0pt)
      upper
    },
    {
      set par(leading: 0pt)
      lower
    },
  ),
)

自動幅：

#furiwake(auto)[短い上段][長い下段]

指定幅での自動折返し：

#furiwake(7em)[短い上段][長い下段を折り返します]

明示改行：

#furiwake(7em)[上段の1行目\ 上段の2行目][下段]

文字・書体・振分け行間：

#text(font: "Noto Sans CJK JP", size: 8pt)[
  #furiwake(auto, row-gap: 5pt)[小さい上段][小さい下段]
]

振分けを含む段落の行間：

#[
  #set par(leading: 10pt)
  前の行です。\
  本文中の#furiwake(auto)[上段][下段]です。\
  後ろの行です。
]

分割禁止：

#block(width: 4em, stroke: 0.5pt)[前前#furiwake(auto)[上段][下段]後後]

#set page(width: 240pt, height: 250pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 9pt)

#let noted(base, note) = box[#base#footnote(note)]
#let interlinear-note(base, note) = box[
  #place(top + right, dy: -0.4em, footnote(note))
  #base
]

既定の合印#footnote[既定の脚注です。]

#[
  #set footnote(numbering: "①")
  #set super(typographic: false, size: 0.6em, baseline: 0.5em)
  #show footnote: set text(fill: maroon)
  変更した合印#footnote[合印だけに色が付きます。]
]

#block(width: 6.6em, stroke: 0.5pt, inset: 2pt)[
  日日日日日親#footnote[合印が親文字と分かれる場合があります。]次
]

#block(width: 6.6em, stroke: 0.5pt, inset: 2pt)[
  日日日日日#noted([親], [親文字と合印を一体にします。])次
]

行間に置く合印：#interlinear-note([対象語], [対象語の上側に置いた合印です。])

#grid(
  columns: (1fr, 1fr),
  gutter: 10pt,
  [
    *合印なし*
    #set par(leading: 6pt)
    1行目です。\
    2行目です。
  ],
  [
    *上付き合印*
    #set par(leading: 6pt)
    1行目#super[1]です。\
    2行目です。
  ],
)

#set page(width: 250pt, height: 145pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [約物、漢字、かな、Latin textを含む文章を同じ幅で組みます。]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    *左揃え*
    #block(width: 8em, stroke: .5pt, inset: 2pt)[
      #set par(justify: false)
      #phrase
    ]
  ],
  [
    *両端揃え*
    #block(width: 8em, stroke: .5pt, inset: 2pt)[
      #set par(justify: true)
      #phrase
    ]
  ],
)

#set page(width: 150pt, height: 90pt, margin: 14pt)
#set text(
  font: (
    (name: "Libertinus Serif", covers: "latin-in-cjk"),
    "Noto Serif CJK JP",
  ),
  lang: "ja",
  size: 8pt,
)

日本語Latin日本語123

#set page(width: 230pt, height: 100pt, margin: 14pt)
#set text(
  font: (
    (name: "Libertinus Serif", covers: "latin-in-cjk"),
    "Noto Serif CJK JP",
  ),
  lang: "ja",
  size: 8pt,
  spacing: 1em / 3,
)

和文とLatin textを混植します。

#block(width: 22em, stroke: .5pt)[ word space ]

#set page(width: 190pt, height: 150pt, margin: 14pt)
#set text(size: 9pt)

*既定*
#text(size: 20pt)[‘A’ “B” 'C' "D"]

#set text(font: (
  (name: "Libertinus Serif", covers: "latin-in-cjk"),
  "Noto Sans CJK JP",
))
*指定後*
#text(size: 20pt)[‘A’ “B” 'C' "D"]

#set page(width: 210pt, height: 180pt, margin: 14pt)
#set text(
  font: (
    (name: "Libertinus Serif", covers: "latin-in-cjk"),
    "Noto Serif CJK JP",
  ),
  lang: "ja",
  size: 14pt,
)

#set text(cjk-latin-spacing: auto)
自動：漢字Latin漢字

#set text(cjk-latin-spacing: none)
なし：漢字Latin漢字

*欧文単語内では分割しない*
#block(width: 4em, stroke: .5pt)[漢字Latin漢字]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 360pt, height: 400pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let ruby-gap = 3pt

#let simple-ruby(
  base,
  annotation,
  side: top,
  annotation-size: 0.5em,
  third: false,
  distribute: false,
) = context {
  let annotation = text(size: annotation-size, annotation)
  let annotation = if third {
    scale(x: 66.667%, reflow: true, annotation)
  } else {
    annotation
  }
  let base-width = measure(base).width
  let annotation-width = measure(annotation).width
  let annotation-height = measure(annotation).height
  let width = calc.max(base-width, annotation-width)
  let fit(body, body-width) = if distribute and body-width < width {
    box(width: width)[
      #set par(justify: true)
      #body#linebreak(justify: true)
    ]
  } else {
    body
  }
  let base = fit(base, base-width)
  let annotation = fit(annotation, annotation-width)
  let rows = if side == top {
    (annotation, base)
  } else {
    (base, annotation)
  }
  box(
    baseline: (
      at: bottom,
      shift: if side == top {
        0pt
      } else {
        annotation-height + ruby-gap
      },
    ),
    grid(
      columns: (width,),
      rows: (auto, auto),
      align: center,
      row-gutter: ruby-gap,
      ..rows,
    ),
  )
}

#let both-ruby(base, above, below) = context {
  let above = text(size: 0.5em, above)
  let below = text(size: 0.5em, below)
  box(
    baseline: (at: bottom, shift: measure(below).height + ruby-gap),
    grid(
      columns: (auto,),
      rows: (auto, auto, auto),
      align: center,
      row-gutter: ruby-gap,
      above,
      base,
      below,
    ),
  )
}

上側：本文中の#simple-ruby([漢], [かん])です。

下側：本文中の#simple-ruby([語], [ご], side: bottom)です。

両側：本文中の#both-ruby([型], [かた], [type])です。

グループ（同じ長さ）：#simple-ruby([市場], [しじょう], distribute: true)です。

グループ（ルビが短い）：#simple-ruby([今日], [きょう], distribute: true)です。

グループ（ルビが長い）：#simple-ruby([市場], [マーケット], distribute: true)です。

掛けない方式：前#simple-ruby([漢], [かんじ])後。

三分：本文中の#simple-ruby([私], [わたし], third: true)です。

#text(size: 16pt, weight: "bold")[
  大見出し：#simple-ruby([組], [くみ], annotation-size: 0.4em)
]

分割禁止：#block(width: 4em, stroke: 0.5pt)[前前前#simple-ruby([市場], [しじょう])後後]

#set page(width: 300pt, height: 145pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let warichu(upper, lower, size: 6pt, delimiters: true, gap: 0.5em) = box(
  baseline: horizon,
  grid(
    columns: (auto, auto, auto),
    align: horizon,
    if delimiters { text(size: size * 2, lang: "ja", [（]) } else { h(gap) },
    grid(
      columns: (auto,),
      rows: (auto, auto),
      row-gutter: 0pt,
      text(size: size, lang: "ja", upper),
      text(size: size, lang: "ja", lower),
    ),
    if delimiters { text(size: size * 2, lang: "ja", [）]) } else { h(gap) },
  ),
)

括弧付き：本文中に#warichu([用語（上段）], [説明、下段。])割注を配置します。

括弧なし：本文中に#warichu([用語について], [説明を加える], delimiters: false)割注を配置します。

#set page(width: 300pt, height: 145pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let warichu(upper, lower, size: 6pt, delimiters: true, gap: 0.5em) = box(
  baseline: horizon,
  grid(
    columns: (auto, auto, auto),
    align: horizon,
    if delimiters { text(size: size * 2, lang: "ja", [（]) } else { h(gap) },
    grid(
      columns: (auto,),
      rows: (auto, auto),
      row-gutter: 0pt,
      text(size: size, lang: "ja", upper),
      text(size: size, lang: "ja", lower),
    ),
    if delimiters { text(size: size * 2, lang: "ja", [）]) } else { h(gap) },
  ),
)

括弧付き：本文中に#warichu([用語（上段）], [説明、下段。])割注を配置します。

括弧なし：本文中に#warichu([用語について], [説明を加える], delimiters: false)割注を配置します。

#set page(width: 260pt, height: 155pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    #set par(first-line-indent: (amount: 1em, all: false), spacing: 4pt)
    #block[*all: false*]
    見出し直後の段落です。

    連続する段落です。
  ],
  [
    #set par(first-line-indent: (amount: 1em, all: true), spacing: 4pt)
    #block[*all: true*]
    見出し直後の段落です。

    連続する段落です。
  ],
)

*2行目以下の字下げ*

#pad(left: 2em)[
  #block(width: 20em, stroke: .5pt)[
    #par(
      hanging-indent: 2em,
    )[Q　段落が2行以上になる場合は、2行目以下の行頭を字下げします。]
  ]
]

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#block(
  width: 12em,
  inset: (left: 1em, right: 2em),
  stroke: .5pt,
)[行頭側を一字、行末側を二字分だけ狭めます。]

#set page(width: 260pt, height: 175pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let even(width, body) = box(width: width, stroke: .5pt)[
  #set par(justify: true)
  #body#linebreak(justify: true)
]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  row-gutter: 12pt,
  [
    *行頭*
    #block(width: 9em, stroke: .5pt, align(left)[文字])
  ],
  [
    *中央*
    #block(width: 9em, stroke: .5pt, align(center)[文字])
  ],

  [
    *行末*
    #block(width: 9em, stroke: .5pt, align(right)[文字])
  ],
  [
    *均等割り*
    #even(9em)[漢字かなカナ]
  ],
)

#set page(width: 260pt, height: 155pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    #set par(first-line-indent: (amount: 1em, all: false), spacing: 4pt)
    #block[*all: false*]
    見出し直後の段落です。

    連続する段落です。
  ],
  [
    #set par(first-line-indent: (amount: 1em, all: true), spacing: 4pt)
    #block[*all: true*]
    見出し直後の段落です。

    連続する段落です。
  ],
)

*2行目以下の字下げ*

#pad(left: 2em)[
  #block(width: 20em, stroke: .5pt)[
    #par(
      hanging-indent: 2em,
    )[Q　段落が2行以上になる場合は、2行目以下の行頭を字下げします。]
  ]
]

#set page(width: 150pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#block(
  width: 12em,
  inset: (left: 1em, right: 2em),
  stroke: .5pt,
)[行頭側を一字、行末側を二字分だけ狭めます。]

#set page(width: 260pt, height: 175pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let even(width, body) = box(width: width, stroke: .5pt)[
  #set par(justify: true)
  #body#linebreak(justify: true)
]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  row-gutter: 12pt,
  [
    *行頭*
    #block(width: 9em, stroke: .5pt, align(left)[文字])
  ],
  [
    *中央*
    #block(width: 9em, stroke: .5pt, align(center)[文字])
  ],

  [
    *行末*
    #block(width: 9em, stroke: .5pt, align(right)[文字])
  ],
  [
    *均等割り*
    #even(9em)[漢字かなカナ]
  ],
)

#set page(width: 230pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 9pt)
#set par(justify: true)

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    *runt: 0%*
    #set text(costs: (runt: 0%))
    #block(width: 7em, stroke: .5pt)[あいうえおかきくけこさしすせそ]
  ],
  [
    *runt: 1000%*
    #set text(costs: (runt: 1000%))
    #block(width: 7em, stroke: .5pt)[あいうえおかきくけこさしすせそ]
  ],
)

#set page(width: 190pt, height: 80pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let tab-line(fields) = grid(
  columns: (5em, 5em, 5em),
  align: (left, center, right),
  stroke: 0.25pt + luma(80%),
  inset: 2pt,
  ..fields,
)

#tab-line(([左揃え], [中央揃え], [右揃え]))

#set page(width: 190pt, height: 80pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let tab-line(fields) = grid(
  columns: (5em, 5em, 5em),
  align: (left, center, right),
  stroke: 0.25pt + luma(80%),
  inset: 2pt,
  ..fields,
)

#tab-line(([左揃え], [中央揃え], [右揃え]))

#set page(width: 190pt, height: 80pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let tab-line(fields) = grid(
  columns: (5em, 5em, 5em),
  align: (left, center, right),
  stroke: 0.25pt + luma(80%),
  inset: 2pt,
  ..fields,
)

#tab-line(([左揃え], [中央揃え], [右揃え]))

#set page(width: 190pt, height: 80pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let tab-line(fields) = grid(
  columns: (5em, 5em, 5em),
  align: (left, center, right),
  stroke: 0.25pt + luma(80%),
  inset: 2pt,
  ..fields,
)

#tab-line(([左揃え], [中央揃え], [右揃え]))

#set page(width: 220pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let attached(base, script) = box[#base#script]

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *通常*
    #block(width: 6em, stroke: .5pt)[日日日日日親#super[注]次]
  ],
  [
    *box*
    #block(width: 6em, stroke: .5pt)[日日日日日#attached([親], super[注])次]
  ],
)

下付き：#attached([CO], sub[2])

数式：$x^2 + a_1$

#set page(width: 210pt, height: 500pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 10pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let furiwake(width, upper, lower, row-gap: 2pt) = box(
  baseline: horizon,
  grid(
    columns: (width,),
    rows: (auto, auto),
    align: left,
    row-gutter: row-gap,
    {
      set par(leading: 0pt)
      upper
    },
    {
      set par(leading: 0pt)
      lower
    },
  ),
)

自動幅：

#furiwake(auto)[短い上段][長い下段]

指定幅での自動折返し：

#furiwake(7em)[短い上段][長い下段を折り返します]

明示改行：

#furiwake(7em)[上段の1行目\ 上段の2行目][下段]

文字・書体・振分け行間：

#text(font: "Noto Sans CJK JP", size: 8pt)[
  #furiwake(auto, row-gap: 5pt)[小さい上段][小さい下段]
]

振分けを含む段落の行間：

#[
  #set par(leading: 10pt)
  前の行です。\
  本文中の#furiwake(auto)[上段][下段]です。\
  後ろの行です。
]

分割禁止：

#block(width: 4em, stroke: 0.5pt)[前前#furiwake(auto)[上段][下段]後後]

#set page(width: 210pt, height: 150pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let jidori(width, body) = box(width: width, stroke: .5pt)[
  #set par(justify: true)
  #body#linebreak(justify: true)
]

*6字取り*

#grid(
  columns: (auto, auto),
  gutter: 10pt,
  row-gutter: 5pt,
  [1字], jidori(6em)[章],
  [3字], jidori(6em)[第一章],
  [6字], jidori(6em)[第一編第一章],
)

#set page(width: 330pt, height: 145pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 14pt)
#let fullwidth(body) = box(width: 1em, stroke: 0.5pt, align(center, body))

*本文*　漢字=漢字　漢字+漢字　漢字−漢字

*全角幅*　漢字#fullwidth[=]漢字　漢字#fullwidth[+]漢字　漢字#fullwidth[−]漢字

*別行数式*
$ A + B = C $

#set page(width: 220pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#let attached(base, script) = box[#base#script]

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *通常*
    #block(width: 6em, stroke: .5pt)[日日日日日親#super[注]次]
  ],
  [
    *box*
    #block(width: 6em, stroke: .5pt)[日日日日日#attached([親], super[注])次]
  ],
)

下付き：#attached([CO], sub[2])

数式：$x^2 + a_1$

#set page(width: 220pt, height: 180pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#let attached(base, script) = box[#base#script]

*ベタ組*
#block(width: 8em, stroke: .5pt)[始「中」終]

*両端揃え*
#block(width: 8em, stroke: .5pt)[
  #set par(justify: true)
  始「中」終#linebreak(justify: true)
]

#grid(
  columns: (1fr, 1fr),
  gutter: 12pt,
  [
    *通常*
    #block(width: 8em, stroke: .5pt)[
      #set par(justify: true)
      始親#super[注]終#linebreak(justify: true)
    ]
  ],
  [
    *box*
    #block(width: 8em, stroke: .5pt)[
      #set par(justify: true)
      始#attached([親], super[注])終#linebreak(justify: true)
    ]
  ],
)

#set page(width: 210pt, height: 500pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 10pt,
  top-edge: .5em,
  bottom-edge: -.5em,
)

#let furiwake(width, upper, lower, row-gap: 2pt) = box(
  baseline: horizon,
  grid(
    columns: (width,),
    rows: (auto, auto),
    align: left,
    row-gutter: row-gap,
    {
      set par(leading: 0pt)
      upper
    },
    {
      set par(leading: 0pt)
      lower
    },
  ),
)

自動幅：

#furiwake(auto)[短い上段][長い下段]

指定幅での自動折返し：

#furiwake(7em)[短い上段][長い下段を折り返します]

明示改行：

#furiwake(7em)[上段の1行目\ 上段の2行目][下段]

文字・書体・振分け行間：

#text(font: "Noto Sans CJK JP", size: 8pt)[
  #furiwake(auto, row-gap: 5pt)[小さい上段][小さい下段]
]

振分けを含む段落の行間：

#[
  #set par(leading: 10pt)
  前の行です。\
  本文中の#furiwake(auto)[上段][下段]です。\
  後ろの行です。
]

分割禁止：

#block(width: 4em, stroke: 0.5pt)[前前#furiwake(auto)[上段][下段]後後]

#set page(width: 210pt, height: 150pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)

#let jidori(width, body) = box(width: width, stroke: .5pt)[
  #set par(justify: true)
  #body#linebreak(justify: true)
]

*6字取り*

#grid(
  columns: (auto, auto),
  gutter: 10pt,
  row-gutter: 5pt,
  [1字], jidori(6em)[章],
  [3字], jidori(6em)[第一章],
  [6字], jidori(6em)[第一編第一章],
)

#set page(width: 330pt, height: 145pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 14pt)
#let fullwidth(body) = box(width: 1em, stroke: 0.5pt, align(center, body))

*本文*　漢字=漢字　漢字+漢字　漢字−漢字

*全角幅*　漢字#fullwidth[=]漢字　漢字#fullwidth[+]漢字　漢字#fullwidth[−]漢字

*別行数式*
$ A + B = C $

#set page(width: 250pt, height: 145pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [約物、漢字、かな、Latin textを含む文章を同じ幅で組みます。]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    *左揃え*
    #block(width: 8em, stroke: .5pt, inset: 2pt)[
      #set par(justify: false)
      #phrase
    ]
  ],
  [
    *両端揃え*
    #block(width: 8em, stroke: .5pt, inset: 2pt)[
      #set par(justify: true)
      #phrase
    ]
  ],
)

#set page(width: 250pt, height: 125pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  spacing: 600%,
)
#set par(
  justify: true,
  justification-limits: (
    spacing: (min: 1%, max: 100%),
    tracking: (min: 0pt, max: 0pt),
  ),
)
#let phrase = [AAAA~BBBB~CCCC]

*調整前*
#box(stroke: .5pt)[#phrase]

*欧文間隔を縮小*
#block(width: 9em, stroke: .5pt)[#phrase#linebreak(justify: true)]

#set page(width: 230pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [漢字とかな]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    #align(left)[*自然幅*]
    #box(stroke: .5pt, inset: 2pt)[#phrase]
  ],
  [
    #align(left)[*広い行*]
    #set par(justify: true)
    #set par(justification-limits: (
      tracking: (min: 0pt, max: .2em),
    ))
    #block(width: 9em, stroke: .5pt, inset: 2pt)[
      #phrase#linebreak(justify: true)
    ]
  ],
)

#set page(width: 250pt, height: 145pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [約物、漢字、かな、Latin textを含む文章を同じ幅で組みます。]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    *左揃え*
    #block(width: 8em, stroke: .5pt, inset: 2pt)[
      #set par(justify: false)
      #phrase
    ]
  ],
  [
    *両端揃え*
    #block(width: 8em, stroke: .5pt, inset: 2pt)[
      #set par(justify: true)
      #phrase
    ]
  ],
)

#set page(width: 250pt, height: 125pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  spacing: 600%,
)
#set par(
  justify: true,
  justification-limits: (
    spacing: (min: 1%, max: 100%),
    tracking: (min: 0pt, max: 0pt),
  ),
)
#let phrase = [AAAA~BBBB~CCCC]

*調整前*
#box(stroke: .5pt)[#phrase]

*欧文間隔を縮小*
#block(width: 9em, stroke: .5pt)[#phrase#linebreak(justify: true)]

#set page(width: 230pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [漢字とかな]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    #align(left)[*自然幅*]
    #box(stroke: .5pt, inset: 2pt)[#phrase]
  ],
  [
    #align(left)[*広い行*]
    #set par(justify: true)
    #set par(justification-limits: (
      tracking: (min: 0pt, max: .2em),
    ))
    #block(width: 9em, stroke: .5pt, inset: 2pt)[
      #phrase#linebreak(justify: true)
    ]
  ],
)

#set page(width: 250pt, height: 125pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  spacing: 600%,
)
#set par(
  justify: true,
  justification-limits: (
    spacing: (min: 1%, max: 100%),
    tracking: (min: 0pt, max: 0pt),
  ),
)
#let phrase = [AAAA~BBBB~CCCC]

*調整前*
#box(stroke: .5pt)[#phrase]

*欧文間隔を縮小*
#block(width: 9em, stroke: .5pt)[#phrase#linebreak(justify: true)]

#set page(width: 230pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [漢字とかな]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    #align(left)[*自然幅*]
    #box(stroke: .5pt, inset: 2pt)[#phrase]
  ],
  [
    #align(left)[*広い行*]
    #set par(justify: true)
    #set par(justification-limits: (
      tracking: (min: 0pt, max: .2em),
    ))
    #block(width: 9em, stroke: .5pt, inset: 2pt)[
      #phrase#linebreak(justify: true)
    ]
  ],
)

#set page(width: 220pt, height: 175pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)
#set par(justify: true)

#let comparison(label, text) = grid(
  columns: (3em, auto, 5.4em),
  gutter: .6em,
  align: horizon,
  [#label],
  box(stroke: .5pt, inset: 2pt)[#text],
  block(width: 5.4em, stroke: .5pt, inset: 2pt)[
    #text#linebreak(justify: true)
  ],
)

#grid(
  columns: (3em, auto, 5.4em),
  gutter: .6em,
  [*組合せ*], [*自然幅*], [*狭い行*],
)
#comparison([中点], [漢字・・漢字])
#comparison([句点], [漢字。・漢字])
#comparison([読点], [漢字、・漢字])

#set page(width: 250pt, height: 125pt, margin: 14pt)
#set text(
  font: "Noto Serif CJK JP",
  lang: "ja",
  size: 12pt,
  spacing: 600%,
)
#set par(
  justify: true,
  justification-limits: (
    spacing: (min: 1%, max: 100%),
    tracking: (min: 0pt, max: 0pt),
  ),
)
#let phrase = [AAAA~BBBB~CCCC]

*調整前*
#box(stroke: .5pt)[#phrase]

*欧文間隔を縮小*
#block(width: 9em, stroke: .5pt)[#phrase#linebreak(justify: true)]

#set page(width: 220pt, height: 175pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 12pt)
#set par(justify: true)

#let comparison(label, text) = grid(
  columns: (3em, auto, 5.4em),
  gutter: .6em,
  align: horizon,
  [#label],
  box(stroke: .5pt, inset: 2pt)[#text],
  block(width: 5.4em, stroke: .5pt, inset: 2pt)[
    #text#linebreak(justify: true)
  ],
)

#grid(
  columns: (3em, auto, 5.4em),
  gutter: .6em,
  [*組合せ*], [*自然幅*], [*狭い行*],
)
#comparison([中点], [漢字・・漢字])
#comparison([句点], [漢字。・漢字])
#comparison([読点], [漢字、・漢字])

#set page(width: 230pt, height: 125pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 10pt)
#let phrase = [漢字とかな]

#grid(
  columns: (1fr, 1fr),
  gutter: 18pt,
  [
    #align(left)[*自然幅*]
    #box(stroke: .5pt, inset: 2pt)[#phrase]
  ],
  [
    #align(left)[*広い行*]
    #set par(justify: true)
    #set par(justification-limits: (
      tracking: (min: 0pt, max: .2em),
    ))
    #block(width: 9em, stroke: .5pt, inset: 2pt)[
      #phrase#linebreak(justify: true)
    ]
  ],
)

#set page(width: 160pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#set par(justify: true)

*約物と和欧文間隔*
#block(
  width: 8em,
  stroke: .5pt,
)[「括弧」、かなABCの間隔と改行位置を確認します。]

#set page(width: 160pt, height: 140pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)

= 見出し

本文#footnote[脚注です。]

#figure(rect(width: 40pt, height: 18pt), caption: [図])

#table(
  columns: 2,
  [項目], [値],
  [A], [1],
)

#set page(width: 160pt, height: 135pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set heading(numbering: "1.")
#show heading.where(level: 3): it => strong(it.body + [。])

#let title-page(kind, body, blank-after: false) = {
  pagebreak(to: "odd", weak: true)
  align(center + horizon)[#kind：#body]
  pagebreak()
  if blank-after { pagebreak() }
}

#title-page([中扉], [第一部], blank-after: true)

#title-page([半扉], [第一章])

= 大見出し
== 中見出し
=== 同行見出し
本文を改行せずに続けます。

#set page(
  width: 140pt,
  height: 110pt,
  margin: (inside: 18pt, outside: 10pt, y: 14pt),
  binding: right,
  columns: 2,
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)

第1段の前文です。

== 前文に続く見出し

#colbreak()

第2段

#pagebreak(to: "even")

偶数ページ

#pagebreak(to: "odd")

奇数ページ

#set page(width: 260pt, height: 210pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(leading: 4pt)
#let pitch = 12pt

#let gyodori(lines, body, position: horizon + left) = block(
  height: pitch * lines - 4pt,
  breakable: false,
  sticky: true,
  align(position, body),
)

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *中央配置*
    #gyodori(3)[#strong[3行取りの見出し]]
  ],
  [
    *前1行アキ・下寄せ*
    #v(pitch)
    #gyodori(3, position: bottom + left)[#strong[指定位置の見出し]]
  ],
)

#pagebreak()

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *副題を含む見出し*
    #gyodori(4)[
      #strong[主見出し]
      #v(4pt)
      #text(size: 5.33pt)[主見出しと分割しない副題]
    ]
  ],
  [
    *折返し見出し*
    #gyodori(4)[
      #set par(leading: 2pt, hanging-indent: 8pt)
      折り返した見出しの2行目を字下げします
    ]
  ],
)

*連続する見出し*
#gyodori(3)[#strong[上位見出しは3行取り]]
#gyodori(2)[下位見出しは2行取り]

#set page(width: 160pt, height: 135pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set heading(numbering: "1.")
#show heading.where(level: 3): it => strong(it.body + [。])

#let title-page(kind, body, blank-after: false) = {
  pagebreak(to: "odd", weak: true)
  align(center + horizon)[#kind：#body]
  pagebreak()
  if blank-after { pagebreak() }
}

#title-page([中扉], [第一部], blank-after: true)

#title-page([半扉], [第一章])

= 大見出し
== 中見出し
=== 同行見出し
本文を改行せずに続けます。

#set page(width: 230pt, height: 190pt, margin: 12pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set heading(numbering: "1")

#let sample(title, subtitle, stroke: none, symbol: none) = {
  show heading: it => block(
    inset: 4pt,
    above: 3pt,
    below: 3pt,
    stroke: stroke,
  )[
    #if symbol != none [#symbol ]
    第#context counter(heading).display(it.numbering)章　#it.body
    #if symbol != none [ #symbol]
    #linebreak()
    #text(size: 0.8em, weight: "regular")[#subtitle]
  ]
  heading(level: 1)[#title]
}

#sample([囲み罫の見出し], [副題], stroke: .5pt)
#sample(
  [前後に罫線を置く見出し],
  [副題],
  stroke: (top: .5pt, bottom: .5pt),
)
#sample([記号を添える見出し], [副題], symbol: [◆])

#set page(width: 230pt, height: 190pt, margin: 12pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set heading(numbering: "1")

#let sample(title, subtitle, stroke: none, symbol: none) = {
  show heading: it => block(
    inset: 4pt,
    above: 3pt,
    below: 3pt,
    stroke: stroke,
  )[
    #if symbol != none [#symbol ]
    第#context counter(heading).display(it.numbering)章　#it.body
    #if symbol != none [ #symbol]
    #linebreak()
    #text(size: 0.8em, weight: "regular")[#subtitle]
  ]
  heading(level: 1)[#title]
}

#sample([囲み罫の見出し], [副題], stroke: .5pt)
#sample(
  [前後に罫線を置く見出し],
  [副題],
  stroke: (top: .5pt, bottom: .5pt),
)
#sample([記号を添える見出し], [副題], symbol: [◆])

#set page(width: 280pt, height: 130pt, margin: 14pt)
#let basic-size = 8pt
#set text(font: "Noto Serif CJK JP", lang: "ja", size: basic-size)
#show heading.where(level: 1): set text(
  font: "Noto Sans CJK JP",
  size: 14pt,
  weight: "bold",
)
#show heading.where(level: 1): set align(center)
#show heading.where(level: 2): it => block[
  #h(4 * basic-size)#it.body
]

#let akigumi(width, body) = box(width: width, stroke: .5pt)[
  #set par(justify: true)
  #body#linebreak(justify: true)
]

= 書体と文字サイズを変えた見出し

== 基本版面の文字サイズで4字下げ

短い見出しのアキ組：#akigumi(6em)[序章]

#set page(
  width: 140pt,
  height: 110pt,
  margin: (inside: 18pt, outside: 10pt, y: 14pt),
  binding: right,
  columns: 2,
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)

第1段の前文です。

== 前文に続く見出し

#colbreak()

第2段

#pagebreak(to: "even")

偶数ページ

#pagebreak(to: "odd")

奇数ページ

#set page(width: 260pt, height: 210pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(leading: 4pt)
#let pitch = 12pt

#let gyodori(lines, body, position: horizon + left) = block(
  height: pitch * lines - 4pt,
  breakable: false,
  sticky: true,
  align(position, body),
)

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *中央配置*
    #gyodori(3)[#strong[3行取りの見出し]]
  ],
  [
    *前1行アキ・下寄せ*
    #v(pitch)
    #gyodori(3, position: bottom + left)[#strong[指定位置の見出し]]
  ],
)

#pagebreak()

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *副題を含む見出し*
    #gyodori(4)[
      #strong[主見出し]
      #v(4pt)
      #text(size: 5.33pt)[主見出しと分割しない副題]
    ]
  ],
  [
    *折返し見出し*
    #gyodori(4)[
      #set par(leading: 2pt, hanging-indent: 8pt)
      折り返した見出しの2行目を字下げします
    ]
  ],
)

*連続する見出し*
#gyodori(3)[#strong[上位見出しは3行取り]]
#gyodori(2)[下位見出しは2行取り]

#set page(
  width: 140pt,
  height: 110pt,
  margin: (inside: 18pt, outside: 10pt, y: 14pt),
  binding: right,
  columns: 2,
)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 7pt)

第1段の前文です。

== 前文に続く見出し

#colbreak()

第2段

#pagebreak(to: "even")

偶数ページ

#pagebreak(to: "odd")

奇数ページ

#set page(width: 170pt, height: 100pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

改ページ前の本文です。

#pagebreak()

= 次の見出し

直前ページの残りは空白になります。

#pagebreak()
#set page(columns: 2)

改段前の本文です。

#colbreak()

= 次段の見出し

直前の段の残りは空白になります。

#set page(width: 260pt, height: 210pt, margin: 14pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(leading: 4pt)
#let pitch = 12pt

#let gyodori(lines, body, position: horizon + left) = block(
  height: pitch * lines - 4pt,
  breakable: false,
  sticky: true,
  align(position, body),
)

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *中央配置*
    #gyodori(3)[#strong[3行取りの見出し]]
  ],
  [
    *前1行アキ・下寄せ*
    #v(pitch)
    #gyodori(3, position: bottom + left)[#strong[指定位置の見出し]]
  ],
)

#pagebreak()

#grid(
  columns: (1fr, 1fr),
  gutter: 14pt,
  [
    *副題を含む見出し*
    #gyodori(4)[
      #strong[主見出し]
      #v(4pt)
      #text(size: 5.33pt)[主見出しと分割しない副題]
    ]
  ],
  [
    *折返し見出し*
    #gyodori(4)[
      #set par(leading: 2pt, hanging-indent: 8pt)
      折り返した見出しの2行目を字下げします
    ]
  ],
)

*連続する見出し*
#gyodori(3)[#strong[上位見出しは3行取り]]
#gyodori(2)[下位見出しは2行取り]

#set page(width: 130pt, height: 90pt, margin: 12pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)
#set par(leading: 4pt)

#let gyodori(lines, body) = block(
  height: 8pt * lines + 4pt * (lines - 1),
  breakable: false,
  sticky: true,
  align(horizon + left, strong(body)),
)
#show heading: it => gyodori(3, it.body)

前の本文です。#v(18pt)

= 3行取りの見出し

後続する本文です。#footnote[脚注です。]

#set page(width: 190pt, height: 90pt, margin: 12pt)
#set text(font: "Noto Serif CJK JP", lang: "ja", size: 8pt)

#v(1em)
== 通常の空きを置いた見出し

ページ先頭でも通常の空きは残ります。

#pagebreak()
#v(1em, weak: true)
== 弱い空きを置いた見出し

ページ先頭では弱い空きが消えます。