本日は TextMeshPro の小ネタ枠です。
TextMeshProのテキスト入力でタグを利用して文字の間隔を調整してみます。
TextMeshProでタグを利用する
TextMeshPro では text 入力にタグを追加することで指定の部分の文字フォントや文字の間隔を変更することができます。
digitalnativestudios.com
横幅の設定
文字の横間隔を調整する場合は cspace または mspace を利用します。
cspace は文字間隔を、mspace は文字を含めた固定幅を設定します。
Tooltip Text <cspace=0.8en>Tooltip Text</cspace> <mspace=0.8en>Tooltip Text</mspace>
Tooltip Text <cspace=0.2en>Tooltip Text</cspace> <mspace=0.2en>Tooltip Text</mspace>
縦幅の設定
文字の横間隔を調整する場合は line-height を利用します。
設定範囲の行幅をパーセントで指定できます。
Tooltip Text <line-height=150%>Tooltip Text Tooltip Text</line-height>
Tooltip Text <line-height=50%>Tooltip Text Tooltip Text</line-height>
文字の間に小さい行間隔を開けたい場合は以下のように小さな改行を挟み込むことでも実現できます。
Tooltip Text Tooltip Text <line-height=25%> </line-height>Tooltip Text