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

フォントをカスタマイズするには、サイト設定 → フォントと色を開きます。また、ヘッダーと本文のフォント設定(彩度、サイズ、色)を変更し、ウェブサイトの全ページの全ブロックに適用することもできます。
ウェブサイト全体のフォントをカスタマイズするには、サイト設定 → フォントと色に進みます。

You will see a font library with pre-installed free typefaces. You can navigate through it and assign a font to the website by clicking the "Select" button. The font will be assigned to the website heading and body text. The collection contains over 20 standard and premium fonts from our partner (type.today), which are available for free with active Tilda subscription.


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

基本フォント]タブで、[見出しフォントファミリー名]と[本文フォントファミリー名]に異なるフォントを選択できます。
Google Fonts、Adobe Fonts、Your Own Fontタブでは、外部ソースのフォントを使用できます。これらのオプションの詳細については、以下の詳細ガイドを参照してください。
グーグル無料フォントコレクション
ガイドへジャンプ
.WOFFまたは.WOFF2フォントの使用
ガイドへジャンプ
アドビの膨大なライブラリー
ガイドへジャンプ
ガイドへジャンプ
ウェブサイトの見出しと本文のフォント設定
フォントと色」タブには、ウェブサイトのタイトルと本文テキストのデフォルトのサイズ、ウェイト、色の設定が含まれています。これらの設定は、ブロック内で他のフォントオプションが設定されていない限り、ウェブサイトのすべてのブロック(ゼロブロックを除く)にデフォルトで適用されます。
ブロック → タイポグラフィの設定パネルでフォントのパラメータを指定するか、エディターでテキストを選択して(クリックして)、上部のツールバーでパラメータを変更することができます。
フォント読み込み設定
デフォルトでは、ウェブサイト上のテキストは、フォントファイルが読み込まれた後に表示されます。これは、インターネット接続の速度に応じて一定の遅延が発生する可能性があります。

サイト設定 → フォントと色 → 詳細設定で、ウェブサイトの読み込み中に表示するシステムフォールバックフォントを設定することができます。これにより、テキストはすぐに表示されますが、最初にバックアップフォントが表示され、次に選択したフォントが表示されます。この設定により、テキストが短時間ちらついたり、テキスト要素のサイズが変更されたりする可能性があるため、ウェブサイトの読み込み時に見栄えが良くなると確信できる場合にのみ使用してください。
製造元
Tilda