始めるセットアップカスタムフォント

カスタムフォント

ダッシュボードで独自のフォントをアップロードし、画像や動画の txt-font で使用できます。

組み込み: txt-font=Georgia
sandbox-demo
カスタム: txt-font=Spectral
sandbox-demo

アカウント全体またはソース単位

アップロードしたフォントはすべてアカウントに属します。どこで使用できるかはお客様が決められます:

アカウント全体ソース単位
ダッシュボードの設定All sourcesOnly selected sources
フォントが使える場所アカウント内のすべてのソース(新しく作成したものを含む)選択したソースのみ
適した用途あらゆる場所で使うブランドフォント特定のサイト、ブランド、クライアント用のフォント

たとえば、shop、blog、client-x というソースを持つアカウントでは、ブランドフォントをアカウント全体で使えるようにし、クライアントのフォントを client-x のみに限定できます。shop と blog では、クライアントのフォント名は無視されます。

フォントの適用範囲はいつでも変更できます。フォントが他のアカウントと共有されることはありません。

クイックスタート

  1. ダッシュボードで Fonts を開き、フォントファイルをアップロードします。

  2. All sources または Only selected sources を選択します。

  3. フォントが Ready になったら、その txt-font の値をコピーして URL に追加します:

    https://assets.imgix.net/examples/blueberries.jpg?w=600&h=400&fit=crop&blur=150&txt=Fresh%20Picked&txt-size=64&txt-color=fff&txt-align=middle,center&txt-font=Spectral

フォントが有効になっている任意のソースで、この値をデフォルトパラメータとして設定することもできます。

フォントは Ready になってから間もなくレンダリングに使用できるようになります。それより前にリクエストされた URL はフォールバックフォントで描画され、パージするまでその状態でキャッシュされます。

フォント名

書体は通常、ウェイトとスタイルごとに 1 つのファイルで提供されます(Spectral-Regular.ttf、Spectral-Bold.ttf、Spectral-Italic.ttf など)。使用したいファイルをアップロードしてください。Fonts ページは各ファイルの名前を読み取り、その txt-font の値を表示します。

ファミリー名は Regular のファイルを指します。txt-weight=bold、txt-style=italic、またはその両方を追加すると、Imgix はアップロードされた Bold、Italic、Bold Italic のファイルに切り替えます:

txt-font=Spectral
sandbox-demo
txt-font=Spectral&txt-weight=bold
sandbox-demo
txt-font=Spectral&txt-style=italic
sandbox-demo
txt-font=Spectral&txt-weight=bold&txt-style=italic
sandbox-demo

それ以外のウェイトはそれぞれ独立したフォントとして扱われ、固有の値を持ちます:

txt-font=Spectral Light
sandbox-demo
txt-font=Spectral ExtraBold Italic
sandbox-demo
  • フォントは、ファイルに含まれるフルネームや PostScript 名(Spectral Regular、Spectral-Regular)でも指定できます。大文字・小文字、スペース、句読点は区別されません。
  • カスタムフォントは、同じ名前の組み込み書体よりも優先されます。
  • フォントの名前がすでに自分の別のフォントで使われている場合、アップロードは拒否されます。既存のフォントの名前を変更してから、もう一度アップロードしてください。
  • 一致するカスタムフォントがない場合、txt-font はその名前の組み込み書体にフォールバックし、それもなければデフォルトフォントにフォールバックします。

動画

同じフォントと値は動画のテキストオーバーレイでも使用できます:

名前の変更と削除

ダッシュボードでフォントを開き、Rename または Delete を選択します。名前を変更すると、そのフォントのすべての名前が置き換えられます。変更は間もなく新しいレンダリングに反映されますが、キャッシュ済みのレンダリングはパージするまで以前のフォントのままです。

制限

  • TTF、OTF、WOFF、WOFF2、およびコレクション(TTC、OTC)。1 ファイルあたり最大 50 MB。
  • 1 アカウントあたり 50 フォントまで。コレクション内の各フェイスはそれぞれ 1 フォントとして数えます。