カスタムフォントの追加 - Framer ヘルプ

Framerは、さまざまな組み込みウェブフォントを提供し、GoogleやFontshareからフォントを直接選択できます。必要な書体がFramerでサポートされていない場合は、独自のカスタムフォントをアップロードできます。

プロジェクトでカスタムフォントをアップロードして使用するには、次の手順に従ってください。

1. プロジェクトにテキストを追加します。
2. 右側のプロパティパネルを開き、ピッカーからフォントを選択します。
3. カスタムタブに移動します。
4. アップロードをクリックします。
5. コンピュータからフォントファイルを選択します。
6. フォントがカスタムタブに表示されます。
7. カスタムタブからアップロードしたフォントを選択し、プロジェクト内の任意のテキストレイヤーに適用します。

Figmaプロジェクトからのカスタムフォントは、元のカスタムフォントが利用できないため、Framerの標準フォントにデフォルト設定されることがあります。これを修正するには、Framerでプロジェクトにカスタムフォントをアップロードします。その後、テキストレイヤーを選択し、新しくアップロードしたカスタムフォントを選択してフォントを再適用します。

注意: サイトに適したフォントライセンスを持っていることを確認してください。パフォーマンスを向上させるために、.woff2フォント形式を使用してください。これは、より速い読み込みに最適化されています。

Framerヘルプに戻る