結論：印刷物で使えたフォントでも、フォントファイルをそのままWebサーバーへ置けるとは限りません。提供元のWeb利用条件を確認し、契約を管理する人、読み込み方法、使う太さ、代替書体まで決めてから実装担当へ渡します。
紙面とWebではフォントの届け方が異なります。紙面での利用が認められていても、閲覧者へフォントデータを配信するWeb利用が同じ許諾に含まれるとは限りません。Webでは、閲覧者の端末に同じフォントがなくても表示できるよう、Webフォントとして配信するか、端末にある代替書体へ切り替える設計が必要です。フォント名だけを仕様書へ書いても、実装方法と利用許諾は確定しません。
最初に三つの利用方法を分ける
- Webフォントサービスから読み込む：Adobe Fontsの公式案内ではWebプロジェクトを作り、提供された埋め込みコードをサイトへ追加します。Adobe FontsのWebサービスで提供されるWebフォントについては、フォントファイルの自己ホストやサイト制作サービスへのアップロードは認められていません。
- Web利用可能なフォントを自己ホストする：購入・取得したフォントの利用許諾がWeb配信を認める場合だけ、指定された形式と条件で配置します。デスクトップ利用の許諾だけで判断しません。
- 端末標準の代替書体を使う：Web配信できない、契約管理が難しい、読み込み負荷を避けたい場合は、文字の雰囲気と幅を確認して代替書体を決めます。
Google Fontsの公式案内は、掲載フォントをオープンソースライセンスで提供し、商用・非商用プロジェクトに使えると説明しています。ただし、どのサービスでも「無料」「端末で使える」という理由だけでWeb配信可と決めず、採用するフォントの提供元とライセンスを記録します。利用条件の法的判断が必要な場合は、提供元や専門家へ確認します。
架空のフォント引き継ぎ例
以下は架空の会社案内サイトを想定した記入例です。実案件の契約、フォント名、検収結果ではありません。
- 用途：会社案内サイトのH1とH2。本文には使わない。
- 提供元・方式：Adobe FontsのWebプロジェクトから読み込む。フォントファイルは支給しない。
- 契約管理：公開後も管理できる顧客側アカウントを候補とし、制作側と顧客で確定する。
- 使用範囲：日本語対応を確認したRegularとBoldだけ。不要なウェイトを増やさない。
- 代替書体：第一候補が読めない場合に使うゴシック系書体と、最後の総称フォント
sans-serifを指定する。 - 検収：1280pxと390pxで見出し改行、未収録文字、読み込み前後のずれ、サービス停止時の読みやすさを確認する。
アカウントの持ち方に唯一の正解があるという意味ではありません。公開後に契約が切れた、担当者が退職した、埋め込みコードへアクセスできない、といった状態を避けられる管理者を案件ごとに決めます。実装担当にはログイン情報ではなく、確定した埋め込み方法とCSS用のフォント名を安全な方法で渡します。
実装前から公開確認までの三段階
- 制作側が意図を整理する：どの見出しや本文へ使うか、紙面と同じでなければならない箇所、代替可能な箇所を分けます。
- 顧客と利用条件を確認する：提供元、Web利用可否、契約者、公開後の管理者を確認します。判断できないフォントファイルは実装担当へ渡しません。
- 実装担当が表示を検査する：指定ウェイト、未収録文字、見出し改行、代替書体、読み込み失敗時を確認します。W3CのCSS Fonts仕様にある
@font-faceやfont-displayは実装方法を定めますが、個別フォントの利用許諾を与えるものではありません。
フォントファイルをデザインデータと一緒に渡せば使えますか？
ファイルが手元にあることと、Webサイトから配信できることは別です。提供元と利用許諾を確認し、Web配信が認められない場合は、正規のWebフォントサービスか代替書体を選びます。
紙面と同じ改行をWebでも固定できますか？
画面幅、ブラウザー、文字サイズ、実際の文章により改行は変わります。重要な見出しは代表的な画面幅で確認し、無理な固定改行より、許容できる行数と文字組みを共有します。
本記事は2026年9月23日に公式情報を確認しました。実際に採用するフォントのEULAと、利用サービスの最新規約を優先してください。
GreenCodingへ相談できること
GreenCodingは、IllustratorやFigma等の支給デザインからコーディング・WordPress実装を相談できます。指定フォントのWeb利用条件が確認できていれば、埋め込み、使用ウェイト、代替書体、画面幅ごとの改行、読み込み失敗時の表示を案件範囲に合わせて整理します。契約や利用許諾を推測で決めず、制作会社と顧客が確認した条件を受け取って実装します。