縦書き表示の HTML を作成するには、スタイルシート (CSS) を用いた方法がありますが、ウェブブラウザーによっては正しく表示されないことがあります。ここでは、縦書きの文章を画像にして HTML に埋め込んで使用する方法を紹介します。
縦書き文字画像の作成
文字に縁取りするノ を使用すると、縦書きの文字画像を簡単に作成できます。
「文字に縁取りするノ」スクリーンショット (縦書きで出力するには、枠内が重要)
段落ごとに画像を作成する
下のように、段落毎に縦書きの画像を作成するには、フォントグループの一番左で「日本語@」を選択。また、保存単位グループで、「段落」を選択してから、実行ボタンを押します。保存先フォルダーを指定すると、空行ごとに、文字画像が作成されます。
縦書きの文章
画像を埋め込む HTML
行ごとに画像を作成する
下のように、行毎に縦書きの画像を作成するには、フォントグループの一番左で「日本語@」を選択。また、保存単位グループで、「行」を選択します。保存先フォルダーを選択すると、行ごとに文字画像が作成されます。
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 文字に縁取りするノ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ |
行ごとに縦書き文字画像を使用する例
画像を埋め込む HTML
画像を埋め込む CSS (HTML の head タグ内に記述する)
今すぐ、無料ダウンロード
ご意見・ご要望など
ご意見・ご要望などは
フォームメール
から送信してください。
更新情報は、
ブログ
でも配信してます。