タイプライター文字とは
タイプライターでは、どのキーを打ってもキャリッジ（紙を送る部分）が同じ距離だけ動きました。細い i も幅の広い m もページ上では同じ幅を占め、それがタイプ文字特有の規則正しいリズムを生んでいました。このように作られたフォントを等幅（モノスペース、固定幅）フォントといい、今でもプログラムのコード、ターミナル、脚本など、列をそろえる必要がある場面で使われています。
電報のように見せたいとき、映画に出てくる脅迫状のような雰囲気を出したいとき、コードの一部や古い文書のように見せたいときに、タイプライター文字が使われます。このジェネレーターでは、その見た目を2つの方法で作れます。
なお、変換の対象は英字と数字です。日本語の文字は変換されずにそのまま残ります。
タイプライター文字ジェネレーターの使い方
- 「テキスト」欄に入力します。「クリア」で空にできます。
- 上部に大きく表示される結果が、等幅のスタイルで書かれたテキストです。「コピー」を押して使います。
- その下の「アプリのコード書式」では、チャットアプリや開発者向けアプリが解釈できる記法でテキストを囲みます。それぞれに「コピー」ボタンがあります。
- 「その他のスタイル」までスクロールすると、太字からバブル文字まで、このサイトのほかのスタイルがすべて表示されます。
2種類の出力
等幅の結果は、特殊な Unicode 文字でできています。形が文字そのものに含まれているので、プロフィールや表示名など、どこに貼り付けても等幅に見えます。
「アプリのコード書式」の結果は、通常のテキストの前後に記号を付けたものです。
- インラインコードは、
`text`のように前後にバッククォートを1つずつ付けます。Discord、Slack、Reddit、GitHub、WhatsApp では等幅フォントで表示されます。 - コードブロックは、テキストの上下の行にバッククォートを3つずつ置きます。Discord、Slack、GitHub では、スペースもすべて保ったブロックとして表示されます。
- WhatsApp の等幅は、テキストのすぐ前後にバッククォートを3つずつ付けます。WhatsApp 独自の等幅の書式です。
- HTML は、HTML で編集する Web ページやメール向けに、テキストを code タグで囲みます。
等幅文字の仕組み
Unicode の「数学用英数字記号」ブロックには等幅のアルファベットが含まれていて、大文字の 𝙰（U+1D670）から始まります。等幅の数字は U+1D7F6 からです。数学者やプログラマーが、記号を等幅の書体で示す必要があるときに使う文字です。ジェネレーターは、英字と数字を1つずつ対応する等幅の文字に置き換えます。
スペースと記号はこのセットに含まれていません。通常の文字のまま残るため、下のヒントで説明するとおり、列をそろえたいときには注意が必要です。
変換例
以下は実際にジェネレーターで変換した結果です。
| 入力 | 等幅の結果 |
|---|---|
| Typewriter | 𝚃𝚢𝚙𝚎𝚠𝚛𝚒𝚝𝚎𝚛 |
| Dear diary | 𝙳𝚎𝚊𝚛 𝚍𝚒𝚊𝚛𝚢 |
| Room 404 | 𝚁𝚘𝚘𝚖 𝟺𝟶𝟺 |
バッククォートの記法では、「Room 404」はインラインコードなら `Room 404` に、コードブロックならバッククォート3つの2行に挟まれた「Room 404」になります。
タイプライター文字が合う場面
- 技術っぽさやレトロ感を出したいプロフィールや表示名
- 手紙、電報、古い文書の体裁で書く物語や詩の投稿
- コマンド、ファイル名、エラーメッセージを引用するチャットのメッセージ
- 短いシーンを描く脚本風のキャプション
- コード書式が使えないサイトでの開発者のプロフィール
WhatsApp のチャット内では、たいていアプリ独自の書式の方が適しています。WhatsApp の太字、斜体、取り消し線、リストは WhatsApp フォント変換で扱っています。Discord なら、Discord フォント変換に Markdown の記法がすべてまとまっています。
ヒントと制限
列をそろえるならコードブロック。 Unicode の等幅文字自体は固定幅ですが、間にある通常のスペースは違います。アプリがスペースを通常のフォントで表示するためです。等幅文字で入力した表は、列がずれていきます。表やアスキーアートは、スペースも含めすべての文字が同じ幅になるコードブロックの中に入れてください。日本語の全角文字と半角英数字が混ざる場合も、等幅の Unicode 文字だけでは幅がそろわないので同じ考え方です。
本物の書式が使えるならそちらを。 バッククォートの記法なら、単語は通常の文字のままです。検索でき、通常のテキストとしてコピーでき、スクリーンリーダーでも正しく読み上げられます。Unicode の等幅文字ではそうはいきません。
スクリーンリーダー。 多くのスクリーンリーダーは、Unicode の等幅文字を「数学用等幅大文字 T」のように読み上げるか、読み飛ばします。大切な情報は通常の文字で書いてください。
コードのコピー。 実際に動かすコードを Unicode の等幅文字で共有してはいけません。コピーした人には数学記号が渡り、動きません。コードブロックを使いましょう。
フォントの対応。 現在のスマートフォンやパソコンでは問題なく表示されます。かなり古い端末では、代わりに四角（豆腐）が表示されることがあります。
関連ツール
幅が広く間隔の空いた、レトロなコンピューター風の文字なら、全角文字（Vaporwave）ジェネレーターを試してください。等幅の文字を通常のテキストに戻すには、Unicode テキスト変換（元に戻す）に貼り付けます。