PDF生成ツール
テキスト・HTML・Markdownから、日本語フォントを埋め込んだPDFを作成
本文の入力
テキストモード:入力した改行・空行・行頭の空白をそのままPDFに反映します。タグや記号も文字としてそのまま出力します。
プリセット
プリセットは用紙・向き・余白・書体・文字サイズ・行間・ページ番号を切り替えます。本文と色は変わりません。「レポート」だけ、ヘッダーに「レポート」、フッターに作成日を入れます。
PDF設定
範囲外の数値は範囲の端の値に、空欄は初期値(余白20mm・12pt・1.5倍)に置き換えます。見出しは文字サイズを基準に大きくします。ヘッダー・フッター・ページ番号は本文の約0.85倍の大きさで、余白の内側に表示します。
プレビュー
本文を入力すると、ここに仕上がりの目安を表示します。
PDF生成ツールについて
日本語フォントを埋め込み
BIZ UDPゴシック・BIZ UDP明朝・BIZ UDゴシック(等幅)から選べます。使った文字だけをPDFに埋め込むため、同じフォントが無いパソコンでも同じ見た目で開けます。
3つの入力形式
テキストは改行どおりに、HTML・Markdownは見出し・太字・リスト・表などの書式を反映してPDFにします。
レイアウト設定
用紙サイズ・向き・余白・書体・文字サイズ・行間・文字色・背景色・ヘッダー・フッター・ページ番号を設定できます。
自動プレビュー
入力や設定を変えると、用紙の形・余白・改ページを反映したプレビューを自動で更新します。
使い方
- 1. 入力の形式(テキスト・HTML・Markdown)を選び、本文を入力するかファイルを読み込みます。
- 2. プリセットを選ぶか、用紙・書体・文字サイズなどを設定します。プレビューは自動で更新されます。
- 3. 「PDFを作成」を押すと、日本語フォントを読み込んでPDFを作り、ダウンロードします。
HTML・Markdownで反映する書式
| 書式 | HTML | Markdown | PDFでの表示 |
|---|---|---|---|
| 見出し | h1〜h6 | # 〜 ###### | 太字。大きさは本文の2倍(h1)・1.6倍・1.3倍・1.15倍・1倍・0.9倍(h6) |
| 段落・改行 | p・br | 空行・改行 | 段落の間を少しあけます。Markdownでは1回の改行も改行になります |
| 太字・斜体 | strong・b/em・i | **太字**/*斜体* | 斜体は文字を傾けて表現します |
| 取り消し線・下線 | del・s/u | ~~取り消し~~ | 文字に線を引きます |
| 箇条書き・番号付きリスト | ul・ol・li | - 項目/1. 項目 | 「•」「◦」や番号を付けて字下げします(入れ子にも対応)。チェックボックス(- [ ]・- [x])は四角とチェック印で表示します |
| 引用 | blockquote | > 引用 | 左に線を引いて字下げします |
| コード | code・pre | `コード`・``` | 等幅フォント(BIZ UDゴシック)で、薄い背景を付けます |
| 表 | table・th・td | | で区切った表 | 枠線付き。列の幅は内容に合わせて決め、収まらないときはセル内で折り返します。th は太字と薄い背景 |
| 区切り線 | hr | --- | 横線を引きます |
| リンク | a | [文字](URL) | 下線を付けます。http・https・mailto のリンクはPDF上でクリックできます |
| ふりがな | ruby・rt | ― | 「漢字(かんじ)」のように括弧で並べます |
反映しないもの:画像(img)、CSS(style属性・<style>・class)、文字ごとの色・大きさ・フォントの指定、中央ぞろえなどの配置(表のセルの左・中央・右ぞろえを除く)、セルの結合(colspan・rowspan は1マスとして並べます)、フォームの部品、スクリプト。HTMLの文字参照(& ' など)は元の文字に戻して出力します。
仕様と注意点
- テキストモード - 入力した改行・空行・行頭の空白をそのまま反映します。タブは半角スペース4つに置き換えます。
- 折り返し - 長い行は右端で折り返します。日本語は1文字単位、英単語は単語単位で折り返し、句読点や閉じかっこが行頭に来る場合は前の文字と一緒に次の行へ送ります。1行に収まらない長い英単語やURLは途中で折り返します。
- 改ページ - ページの下端まで来たら次のページへ送ります。見出しがページの最後の行になる場合は、見出しごと次のページへ送ります。表は行の途中では分けません。
- ヘッダー・フッター・ページ番号 - ヘッダーは各ページの上端に中央ぞろえで表示し、下に線を引きます。フッターは下端に中央ぞろえで表示します。ページ番号は「1 / 3」の形式で、フッターがあるときは右下、ないときは下中央に表示します。1行に収まらないヘッダー・フッターは末尾を「…」で省略します。
- 色 - 背景色はすべてのページに塗ります。文字色は本文・見出し・ヘッダー・フッター・線に使います。
- タイトル - PDFの文書情報(タイトル)に設定し、PDFビューアーのタイトルバーに表示されます。保存するファイル名にも使います(\ / : * ? " < > | は除きます)。空欄のときは document_日付-時刻.pdf で保存します。
- 書体 - 明朝体と等幅では、太字を文字の輪郭を太くして表現します。フォントにない文字(絵文字など)はPDFに表示されず、作成後に画面へ一覧を表示します。
- フォントの読み込み - 「PDFを作成」を押したときに、このサイトからフォントを読み込みます(ゴシック体 約4.7MB、太字を使うと約4.6MB追加、明朝体 約6.2MB、コードを含むと等幅 約4.7MB追加)。一度読み込んだフォントは、ページを開いている間は再利用します。
- プレビュー - ブラウザーのフォントで文字幅を計算するため、PDFとは改行の位置やページ数が少し異なる場合があります。表示は先頭30ページまでです。
- ファイル読み込み - .txt・.html・.htm・.md・.markdown をUTF-8として読み込み、拡張子に合わせて入力の形式を切り替えます。
使用のコツ
- 長文の場合 - 行間を1.5以上にすると読みやすくなります。
- 印刷用途 - 余白を15mm以上、文字サイズを10.5pt以上にすると読みやすくなります。
- プレゼン用 - 横向きと大きめの文字サイズ(「プレゼン」プリセット)が向いています。
- プログラムのコード - テキストモードで「コード」プリセット(等幅)を使うと、字下げや桁がそろいます。
PDFの作成はブラウザ内で行い、入力した内容をサーバーへ送信しません。日本語フォントとフォント処理用の部品(fontkit)は、PDF作成時にこのサイトから読み込みます。