対象プラン：Webフォントプラン

2026年1月27日​（火）より、​TypeSquareで​設定・​使用されていた​ドメイン情報および​フォント情報を​Morisawa Fontsの​新規プロジェクト作成時に​参照できる​機能を追加いたしました。​

TypeSquareから​Webフォントプランへ​移行される​際、​既存の​ドメイン設定や​利用フォントを​画面上で​参照して​登録できる​ため、​プロジェクト作成時のお手間を減らして​いただけます。​

操作手順

TypeSquare側の操作

〈API Key・プロジェクトIDを取得〉

【1】TypeSquareサイトに​ログインし、​左側メニューの​「利用者登録」を​クリックしてください。​

【2】​「変更・削除」を​クリックしてください。​

【3】[API]項目より、​API Key・プロジェクトIDを​控えてください。​

※API Keyが​未登録の​場合は、​「API Key追加」から名前（メモ欄に反映）を設定し、​登録を​行ってください。​

Morisawa Fonts側の操作

★操作ができる人：プラン契約者（オーナー）・管理者・プロジェクト統括者
各ユーザー権限についてはWebプロジェクト設定のアクセス制限についてをご確認ください。

〈プロジェクトを作成〉

【1】Morisawa Fontsサイトへ​ログイン後、​画面右上の​アカウントアイコンを​クリックし、​マイページを​開いてください。​

【2】マイページ​画面の​プランに​ある​「Webプロジェクト設定」を​クリックしてください。

【3】「ダッシュボードへ」をクリックしてください。

【4】ダッシュボード画面上部の​メニューから​「プロジェクト一覧」を​選択してください。

【5】「プロジェクトを​作成」​を​クリックし、​「TypeSquareを​参照して​作成」を​選択してください。

【6】新規プロジェクト名と、​TypeSquare側で​取得した​プロジェクトID・API Keyを​入力後、​「作成する」​を​クリックしてください。​

【7】設定する​ドメインに​チェックを​入れ、​「次へ」​を​クリックしてください。​

【8】利用する​フォントに​チェックを​入れ、​「次へ」​を​クリックし、最後に「完了」をクリックしてください。
※TypeSquareとMorisawa Fontsでは、同じフォントでも名前が異なります。

※Morisawa Fontsに未収録のフォントをご利用されている場合は、下記のようなポップアップが表示されます。
代替フォントの利用をご検討の場合、完了を押下後、プロジェクト管理画面左側メニュー「フォント設定」から追加登録ができます。（合計10フォントまで）

〈フォント配信サーバーの同期〉

【9】プロジェクトの作成が完了後、プロジェクト管理画面を開きます。「フォント配信サーバー同期」の「同期する」をクリックしてください。確認画面が表示しますので、よろしければ「同期する」を実行してください。

サイトの設定

【10】Webフォントを配信されているサイトのHTMLにて、現在設置されているTypeSquareの配信タグ（JavaScript）を、プロジェクト管理画面「プロジェクト情報」に記載のMorisawa Fontsの埋め込みコードへ差し替えてください。

【11】TypeSquareとMorisawa Fontsでは、font-familyで指定するフォント名が異なります。
お手数ですが、TypeSquareでCSSへ設定していたフォント名を、Morisawa Fontsのフォント名に置き換えてください。 
プロジェクト管理画面左側メニュー「フォント設定」より登録済みフォントのフォント名を確認いただけます。

TypeSquareフォント名との比較表はこちら：CSSで指定するテキストの比較表（Excel）

【12】該当ページにて、​Webフォントが​配信されているかを​確認してください。​