GoogleフォントをTildaウェブサイトに接続する方法

Google Fontsからフォントを接続するには、「サイト設定」→「フォントと色」に移動し、「カスタム設定」ボタンをクリックします。

[Google フォント] タブをクリックし、[フォントで検索] ボタンをクリックして、Google フォントからフォント ライブラリにアクセスします。

名前でフォントを検索したり、希望のフォント スタイル (セリフ、サンセリフ、手書き、等幅、または表示フォント (大きな見出しやテキスト要素用の特別なフォント)) を選択できるパネルが表示されます。

希望のフォントを選択した後、希望のフォントのウェイトを選択できます。
次に、[フォントの選択] ボタンをクリックし、見出しとテキストの両方にそのフォントを使用する場合はオプションでボックスをオンにします。

Google Fontsのリンクフィールドを選択すると、その接続に適切なリンクが自動的に置き換えられます。変更を保存します。これでフォントが接続され、ページ編集時にそのパラメータを制御できるようになりました。

fonts.google.comを開いて、使用したいフォントを選択します。

「+このスタイルを選択」ボタンをクリックして、必要なスタイルを選択します。

フォントリンク、つまり引用符内のコードの一部をタブにコピーします <link> 。

リンクは次のようになります。

Google Fonts→Tilda →サイト設定→フォントと色→カスタム設定に移動し、リンクを「CSSリンク」フィールドに貼り付けます。

Web サイトのすべてのページを公開します。

フォントが接続されます。

[+このスタイルを選択] をクリックし、2 つの異なるフォントから目的のフォントを選択します。画面の右側に、選択したフォントを含む [選択したファミリ] ボックスが表示されます。

タブから両方のフォントを含むCSSリンクをコピーします 。

[Google フォント] タブの [CSS リンク] フィールドにリンクを貼り付けます。

最初のフォントの完全で正確な名前を「見出しフォント ファミリー名」フィールドに貼り付け、別のフォントの完全で正確な名前を「テキスト フォント ファミリー名」フィールドに貼り付けます。

フォントが表示されない最も一般的な理由は、1つのフォントがサイト設定で接続されているのに、別のフォントが上部の編集パネルを介してページに割り当てられていることです。この場合、トップバーの[スタイルのクリア]ボタンをクリックして、割り当てられたスタイルをリセットする必要があります。

記事のその他のエラーについて詳しくは、次を参照してください。