カスタムブランドフォントをアップロードして使用する

なぜカスタムフォントをアップロードするのか?

ほとんどのブランドは1つか2つの特定のフォントを使用しています。それらをScreenbirdにアップロードすることで、すべてのデザインで使用できるようになり、すべての画面が一貫したブランドの見た目になります。

3つのフォントスロット

Screenbirdは3つのブランドフォントスロットをサポートしています。それぞれ異なる用途があります。

  • 見出しフォント: 大きなタイトルとメインの見出し
  • 小見出しフォント: サブタイトルとセクションラベル
  • 本文フォント: 段落、リスト、小さなテキスト

3つすべてに同じフォントを設定したり、2つを組み合わせたり、3つの異なるフォントを使用したりできます。各スロットは任意です。

フォントをアップロードする

  1. サイドバーの 設定 > タブ ブランドアイデンティティ に移動します。
  2. カスタムフォント セクションまでスクロールします。
  3. スロット(見出し、小見出し、または本文)を選択します。
  4. フォントをアップロード をクリックします。
  5. フォントファイルを選択します。対応形式: TTFOTFWOFFWOFF2
  6. オプション: 同じスロットに追加のウェイトやスタイル(レギュラー、ボールド、イタリックなど)をアップロードします。
  7. 保存 をクリックします。

フォントがデザイナーで使用できるようになりました。

フォントから何が読み取られるのか?

ScreenbirdはフォントのOpenTypeメタデータを読み取り、フォントファミリー、ウェイト(300、400、700など)、スタイル(レギュラー、イタリック)を検出します。最近のフォントのほとんどはこのメタデータが正しく設定されているため、ウェイトとスタイルは自動的に正しい場所に表示されます。

デザインでブランドフォントを使用する

  1. デザイナーを開いてテキスト要素を選択します。
  2. フォントのドロップダウンで、ブランドフォントが上部の カスタムフォント の下に表示されます。
  3. スロット(見出し、小見出し、本文)と希望するウェイトまたはスタイルを選択します。
  4. テキストが即座に更新されます。

フォントはデザインに埋め込まれるため、ローカルにフォントがインストールされていないデバイスでも画面に正しく表示されます。

対応ファイル形式

  • WOFF2: 推奨(ファイルサイズが最も小さく、読み込みが最速)
  • WOFF: 同じく推奨
  • TTFOTF: 対応、ファイルサイズは大きめ

TTFまたはOTFしかない場合、Screenbirdが変換して効率的に配信します。WOFF2を直接アップロードする方が高速です。

ライセンス

そのフォントをデジタルサイネージで使用する権利があるか確認してください。多くのフォントは許可されていますが、一部の商用フォントや個人利用のみのフォントは許可されていません。アップロードする前にフォントのライセンスを確認してください。

フォントを削除する

  1. 設定 > タブ ブランドアイデンティティ に移動します。
  2. カスタムフォント セクションでフォントを見つけます。
  3. 削除 をクリックします。

すでにそのフォントを使用しているデザインは引き続き機能しますが、新しいデザインではそのスロットのデフォルトフォントにフォールバックします。

ヒント

  • 2つか3つのフォントに絞る: フォントが多すぎると雑然とした印象になります。ほとんどのブランドには見出しフォントと本文フォントがあれば十分です。
  • 実際の画面でテストする: フォントはノートパソコンで見るのと画面で見るのとでは見え方が異なる場合があります。テストデザインを画面に送信して確認しましょう。
  • すべてのウェイトをアップロードする: ブランドがレギュラーとボールドの両方を使用している場合は、両方をアップロードします。そうしないとボールド版が擬似的に作られ、細く見えることがあります。

© screenbird.app