実際の文章と読みやすさからフォントを選ぶ。
書体選びを読む状況とライセンスに結び付けます。装飾的な組合せの前に階層、必要な文字、代替フォントの挙動を決めます。
作業手順をタスクに合わせましょう。
見出しと本文の役割、文字サイズ、必要な文字体系、配信条件を定めます。特定の書体を選ぶ前に望む印象と代替挙動を説明します。代表的な文章を比べ、最終候補のライセンスと読み込みを確認します。
- 用意するもの
- ブランドの雰囲気、文章、使用可能なフォント。
- 得られるもの
- 階層とライセンス確認事項を含む組合せ。
入力と結果を確認しましょう。
説明用の入力と出力 · 実際の WebAct 実行ではない学習用サンプル
入力項目サンプル個
Typography brief for an editorial website with English and French long-form articles. No specific font families chosen. Need headings, body text, fallbacks and license review.
完成例
Body role: comfortable long-form reading at the actual article size, with clear punctuation and French diacritics. Heading role: distinct hierarchy without overly decorative letterforms. Test text: English paragraphs plus French accents such as é, è, ê, ç and œ. Implementation: define practical fallback stacks and inspect layout shift and loading cost. Selection gate: verify the chosen families' licenses and required weights before implementation.
この入力をプロンプトに読み込み、WebAct にコピーして試してください。結果は掲載例と異なる場合があります。
判断のポイントとトラブル対処。
フランス語が必要なのに英語だけの見本で選んでよいですか？
アクセント付き文字と代表的なフランス語を含め、対応文字、字間、読書体験を確認します。
ウェブフォントを読み込むと配置が動くのはなぜですか？
代替フォントの寸法が違うことがあります。要件書で代替選択と読み込み動作を確認します。
自分の資料で試しましょう。
タスクのプロンプト内の例を自分の資料に置き換えてください。必要な要件を残し、タスクを WebAct にコピーします。
タスクを調整してコピー ↑