01 / Body text
SweetType本文文字組エディタ
漢字とかな、そのあいだを整える。
漢字・ひらがな・カタカナ・英数字・約物など、文字種ごとに書体やサイズ、太さ、字間を調整。ベタ組みなどの比較表示と見比べながら、本文全体の読み心地を探れます。
- 文字種ごとの書体・サイズ・太さ・字間
- 約物のアキや文字間隔の調整
- ベタ組みとの比較プレビュー
- 組み込み用CSS一式をZIPで書き出し
01 — Two editors
Two editors本文と見出し
長い文章には、読み進めるためのリズムを。短い言葉には、一字ずつの表情を。組みたい文字に合わせて、道具を選べます。
02 / Headings
SweetType-h見出し文字組エディタ
文字を、一字ずつデザインする。
見出しの文字を一字ずつ選び、字間・書体・色・サイズ・太さ・上下位置を調整。全体の設定を土台にしながら、短い言葉のかたちや強弱を細かくつくれます。
- 一字ごとの字間・書体・色・サイズ・太さ
- 上下位置を調整して、文字の流れをつくる
- 横組・縦組と、スナップショットの保存
- 組み込み用JavaScript一式をZIPで書き出し
02 — Workflow
Try & tune見ながら、整える
ブラウザで調整し、気に入った状態を保存。書き出したファイルを使って、ウェブサイトへ文字組みを持ち出せます。
- 01
文字を入れる
本文ならSweetType、見出しならSweetType-h。組みたい文章や言葉を入力します。
- 02
見ながら調整する
書体や字間、サイズを変え、プレビューで確かめます。スナップショットで設定を残し、違いを見比べられます。
- 03
保存して、使う
編集内容はブラウザに自動保存。JSONでバックアップし、本文版はCSS、見出し版はJSの一式を書き出せます。
03 — At a glance
At a glance2つの違い
| 項目 | SweetType | SweetType-h |
|---|---|---|
| 主な用途 | 本文・長い文章 | 見出し・短い言葉 |
| 調整の単位 | 文字種ごと | 一字ごと |
| 組み方向 | 横組 | 横組・縦組 |
| 保存 | ブラウザへの自動保存・JSON | ブラウザへの自動保存・JSON |
| 組み込み用の書き出し | CSS一式（ZIP） | JS一式（ZIP） |
ブラウザの保存データは、本文版と見出し版で別々です。大切な設定は「JSONを保存」でバックアップしてください。フォントの見え方は、利用する環境や読み込んだフォントによって変わります。