Adobe Fonts の接続方法
Adobe Fonts は、アドビが提供するフォントライブラリです。通常、Adobe Creative Cloud のサブスクリプションをお持ちであれば利用可能です。
Atkinson Hyperlegible Next フォントを組み込む例を見てみましょう。Adobe Fonts のサービスページにアクセスして、サインアップしましょう。
Adobe Fonts homepage with the search bar, navigation menu, and font collections.
On the Adobe Fonts website: the "Sign in or create an account" pop-up window with sign-in options and the "Email address" field.
検索ボックスにお探しのフォントを入力してください。
On the Adobe Fonts website: searching for a font family using the search bar at the top of the page.
Webプロジェクトに追加」をクリックすると、既存または新規プロジェクトにフォントが追加されます。
フォントのページに「Webプロジェクトに追加」ボタンが表示されていない場合は、そのフォントは有料であり、別途購入する必要があります。
In Adobe Fonts: the "Add to Web Project" button at the top right of the font family page and the "</>" icon to add an individual font style.
プロジェクトにフォントを追加したら、プロジェクトの設定に進みます。
On Adobe Fonts: "Edit Project" button in the pop-up window.
プロジェクトIDと選択されたフォントファミリ名がプロジェクト内に表示されます。
On Adobe Fonts in the web project settings: the "Project ID" value and the font family name in the font details.
選択したフォントに言語オプションがある場合は、「すべての文字」をチェックします:フォントファイル内のすべてのグリフが、そのフォントファミリでサポートされているすべての言語を含めて有効になります。
Adobe Fonts web project settings: the "Delete Project" button in the lower left corner.
Tilda に戻ります。「サイト設定」→「フォント」→「カスタム設定」→「Adobe Fonts」の順に選択します。プロジェクト ID を指定し、見出し用および本文用のフォント名を、Adobe Fonts での名称と完全に一致するように入力してください。
In Site Settings > "Fonts", the "Adobe Fonts" tab with the "PROJECT ID", "HEADING FONT", and "BODY TEXT FONT" fields.
変更を保存し、すべてのページを公開する。
製造元
Tilda