ウェブサイトのフォントを設定する方法

Web サイト全体のフォントをカスタマイズするには、[サイトの設定] → [フォントと色] に移動します。

無料の書体がプリインストールされたフォントライブラリが表示されます。「選択」ボタンをクリックすると、それをナビゲートしてWebサイトにフォントを割り当てることができます。フォントは、Webサイトの見出しと本文に割り当てられます。このコレクションには、パートナー(type.today、Paratype、Rentafont)の20種類以上の標準フォントとプレミアムフォントが含まれており、アクティブなTildaサブスクリプションで無料で利用できます。Rentafontライブラリから別のフォントを接続したい場合は、ヘルプ記事「Rentafontからフォントを接続する方法」を参照してください。

サードパーティのフォントを使用する場合、またはヘッダーとテキストに異なるフォントを使用する場合は、[カスタム設定]ボタンをクリックします。

[基本フォント] タブで、見出しフォント ファミリー名と本文テキスト フォント ファミリー名に異なるフォントを選択できます。

Google Fonts、Adobe Fonts、および Your Own Font タブでは、外部ソースのフォントを使用できます。これらのオプションの詳細については、以下の詳細なガイドを参照してください。

[フォントと色]タブには、Webサイトのタイトルと本文のデフォルトのサイズ、太さ、色の設定が含まれています。これらの設定は、ブロック内で他のフォントオプションが設定されていない限り、Webサイト上のすべてのブロック(ゼロブロックを除く)にデフォルトで適用されます。

タイポグラフィ→ブロックの設定パネルでフォントパラメータを指定するか、エディタでテキストをクリックして選択し、上部のツールバーを使用してパラメータを変更できます。

デフォルトでは、Web サイトのテキストはフォント ファイルが読み込まれた後に表示されますが、インターネット接続の速度によっては、一定の遅延が発生する場合があります。

Web サイトの読み込み中にシステムフォールバックフォントが表示されるように、[サイトの設定] → [フォントと色] → [詳細設定] で設定できます。これにより、テキストがすぐに表示されますが、最初はバックアップフォントで、次に選択したフォントで表示されます。これにより、テキストが短時間ちらついたり、テキスト要素のサイズが変更されたりする可能性があるため、この設定は、読み込み時にWebサイトの外観が向上すると確信できる場合にのみ使用してください。