対象プラン:Webフォント・Webフォント Liteプラン
1. プロジェクトの作成
【1】Morisawa Fontsサイトへログイン後、画面右上のアカウントアイコンをクリックし、マイページを開いてください。
【2】マイページ画面のプランにある「Webプロジェクト設定」をクリックしてください。
【3】「ダッシュボードへ」をクリックしてください。
【4】ダッシュボード画面上部のメニューから「プロジェクト一覧」を選択してください。
【5】「プロジェクトを作成」をクリックし、「新規作成」を選択してください。
【6】プロジェクト名を入力のうえ「作成する」をクリックしてください。
2. フォントの設定
【1】作成したプロジェクトの「プロジェクト管理」へ進み、左メニューの「フォント設定」をクリックしてください。
【2】「フォントを探す」ボタンより、利用するフォントを設定してください。
【3】ご希望のフォントの左側にある、コードファイルアイコン[</>]をクリックしてください。
【4】「Webプロジェクトにフォントを追加」ウインドウが開きますので、対象プロジェクトを選択してください。
【5】選択フォントにチェックを入れ、「追加する」をクリックしてください。。
【6】続けてフォントを選択する場合は「追加を続ける」、完了された場合は「プロジェクト設定へ」でプロジェクト設定ページへ戻ってください。
3. ドメインの設定
【1】プロジェクト管理画面の左メニューの「ドメイン設定」をクリックしてください。
【2】ドメインを入力し、「登録」をクリックしてください。
4. Webフォントの配信設定
【1】プロジェクト管理を開いてください。
【2】「フォント配信サーバー同期」の「同期する」をクリックしてください。確認画面が表示しますので、よろしければ「同期する」を実行してください。
【3】ページ上部にある「埋め込みコード」を、Webフォントを配信するページのHTMLへ設置してください。
【4】Webフォントを適用したい箇所へ、スタイル(font-family)を指定してください。
【5】該当ページにて、Webフォントが配信されているかを確認してください。