文字に縁取りするノのアイコン

縦書き HTML 作成方法

縦書き表示の HTML を作成するには、スタイルシート (CSS) を用いた方法がありますが、ウェブブラウザーによっては正しく表示されないことがあります。ここでは、縦書きの文章を画像にして HTML に埋め込んで使用する方法を紹介します。

縦書き文字画像の作成

文字に縁取りするノ を使用すると、縦書きの文字画像を簡単に作成できます。

「文字に縁取りするノ」スクリーンショット (縦書きで出力するには、枠内が重要)

段落ごとに画像を作成する

下のように、段落毎に縦書きの画像を作成するには、フォントグループの一番左で「日本語@」を選択。また、保存単位グループで、「段落」を選択してから、実行ボタンを押します。保存先フォルダーを指定すると、空行ごとに、文字画像が作成されます。

「文字に縁取りするノ」なら、縦書きの文章の画像をカンタンに作成できます。! Notice !
縦書きの文章
画像を埋め込む HTML

行ごとに画像を作成する

下のように、行毎に縦書きの画像を作成するには、フォントグループの一番左で「日本語@」を選択。また、保存単位グループで、「行」を選択します。保存先フォルダーを選択すると、行ごとに文字画像が作成されます。

フォント名指定 フォントスタイル指定 フォントサイズ指定 フォント色指定 透明度指定 文字間隔変更 行間隔変更 縦書き対応 背景色指定 透明の背景色対応 JPEG 出力 PNG 出力
文字に縁取りするノ
行ごとに縦書き文字画像を使用する例
画像を埋め込む HTML
画像を埋め込む CSS (HTML の head タグ内に記述する)

今すぐ、無料ダウンロード

文字に縁取りするノ ダウンロード

ご意見・ご要望など

ご意見・ご要望などは フォームメール から送信してください。
更新情報は、 ブログ でも配信してます。

共有