ヘルプセンター
ヘルプセンター
スタート
Tilda の仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページの並べ替え
サイト設定
ドメイン名の購入
ドメイン名の接続
DNSの設定
カスタムドメインのエラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コード輸出
プロジェクト移管
無料tilda.ws サブドメイン
カラー設定
URLリダイレクトの作成
HTTPSの設定
ページフォルダー
ページ編集
ナビゲーション・メニューの追加
アンカーと内部リンク
モバイルデバイスでの視聴
HTMLコードを埋め込む
グーグルマップを追加
多言語ウェブサイトの作成
オンライン出版用の画像を準備する
カバーを投げる
ノン・ブレイキング・スペース&ソフト・ハイフン
ページ出版
フィードバック・ウィジェットを追加する
フェイスブックでプレビュー
コメント欄の追加
インスタグラムのフィードを埋め込む
投稿一覧またはインデックスページ
オンラインストアと支払い
オンラインストアと決済処理
オンラインストアに商品を追加する
ショッピングカートの設定
商品の直接販売
支払いシステムの割り当て
ストライプの設定
ペイパルの設定
2Checkoutの設定
注文通知の送信
オンライン決済システムなしで販売する
単一製品の販売
製品バリエーションの追加
配送オプション
補完製品
プロモコード(割引)を作成する
フォーム
データ取得フォームの設定
データ収集フォーム
電子メール
グーグル シート
メールチンプ
グーグルフォーム
センドグリッド
センディンブルー
セルジー
コンモ
パイプドライブ
Zoho CRM
トレロ
テレグラム
スラック
ザピア
メーラーライト
ノーティオン
セールスフォース
ハブスポット
ウェブフック
カスタムスクリプト
フォームのミスを避ける
マンデードットコム
アナリティクス
ウェブサイト統計の追跡
グーグル・アナリティクス
グーグルタグマネージャー
目標達成率の提出
SEO
オンライン・プロモーション
Zero Block
カスタムブロックの作成
レスポンシブデザイン
キーボードショートカット一覧
アニメーション
ステップ・バイ・ステップ・アニメーション
Figmaからのインポート
メールキャンペーンビルダー
電子メールの作成、編集、送信
プランと請求
プラン
価格と支払い
自動購読更新のキャンセル
入金確認
Tilda ビジネス・プランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コード輸出
ウェブフック
Tilda API
WordPressプラグイン
TILDA ヘルプセンター
なぜウェブサイトは誤ったフォントを表示するのか?
ウェブサイトが正しくないフォントを表示する場合、エディターでブロックを修正する際に、手動で異なるフォントを割り当てたことが原因である可能性があります。
この場合、ブロック設定はリセットされ、デフォルトのフォントが表示されます。
この問題についてもっと知る
例えば、サイト設定の「フォントと色」タブで、最初にRobotoフォントを指定したとします。その後、ブロック内のテキストをハイライトし、表示されるコンテキストメニューでこのフォントを手動で指定しました。
その後、サイト設定でフォントをOpen Sansに変更しました。フォントを手動で指定していないブロックでは、テキストはOpen Sansで表示されます。しかし、フォントを手動で指定したブロックでは問題が発生します。これは、以前のフォント(Roboto)がウェブサイトに接続されていないためです。
重要:ブロックの編集中にコンテキストメニューで指定した手動設定は、他の組版設定と競合する可能性があります。
問題の解決方法
ページエディターで、必要なブロックを見つける→テキスト内の任意の場所をクリック→フォントは自動的にサイト設定で追加したフォントに変更されます。
フォント設定を手動でリセットすることもできます。その場合は、ドロップダウンメニューから「フォントファミリーを削除」オプションを選択するか、テキスト編集ツールバーの「書式をクリア」をクリックします。
フォントの追加方法によるフォントのトラブルシューティング
CSSファイルを使ってフォントを追加
CSSファイルからインストールしたフォント(独自フォントまたはGoogle Fonts)が表示されない。
読む
ファイルを使ってフォントを追加
フォントファイルを使用してカスタムフォントを追加する際に発生する可能性のある問題
読む
フォントライブラリからのフォント
基本的なフォントに関する問題の可能性
読む
フォントの読み込みが非常に遅い
ウェブサイトを開いたときにシステムフォントが最初に読み込まれる
読む
CSSファイルを使ってフォントを追加
フォント名(font-family)がCSSファイルのデータと一致している必要があります:サイト設定 → フォントと色 → カスタム設定 → 独自のフォントタブ → フォントファイルをアップロード。
重要:CSSファイルを使用してフォントを追加する場合、フォントをプロジェクトに接続するサーバーが、どのドメインへのシードに対してもAccess-Control-Allow-Origin CORSに対応していることを確認してください。(Access-Control-Allow-Origin:*)。外部CSSファイルによるカスタムフォントの追加については、
カスタムCSSファイルの接続ガイドを
ご覧ください
。
Google Fontsライブラリからフォントを追加
フォントを追加する際、サイト設定のフォント名がGoogle Fontsのフォント名と一致していることも重要です。
また、Google Fonts CSSファイルへのリンクを確認してください:
https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap
ファイルとしてアップロードされたカスタムフォント
アップロードしたWOFFファイルの下に、フォントの正式名称が指定されているか確認してください。サイト設定 → フォントと色で、見出しやテキストに同じ名前を指定する必要があります。
フォントがラテン文字では正しく表示されるが、キリル文字やギリシャ文字では問題がある場合、フォントがキリル文字やギリシャ文字に対応しているかどうかを確認する必要があります。この情報は、フォントを購入したサービスで確認することができます。
また、フォントコンバータによっては、変換時にキリル文字やギリシャ語のバージョンが破損することがあります。これは
FontDrop!
サービスで確認できます。フォントファイルの変換には、
WOFFerの
使用をお勧めします。
フォントライブラリから追加されたフォント
エクスポートされたプロジェクトでは、基本的なフォントで問題が発生することがあります。
Tilda 、いくつかのフォントは、以下のフォントライブラリから提供されています。
タイプ今日
パートナーシップ契約に基づき、これらのフォントを提供するサービス:
グラフィク
カジミア
これらのフォントやその他のビルトインフォントをエクスポートしたウェブサイトで正しく表示するには、サイト設定 → ドメインでウェブサイトをエクスポートするドメインを追加する必要があります。ドメイン名を指定するだけで十分で、接続する必要はありません。
フォントの読み込みが非常に遅い
フォントファイルの読み込みには時間がかかります。
ページの読み込み速度を高く保ち、訪問者が待ち時間にイライラするのを防ぐため、最も重要なコンテンツが最初に読み込まれ、その後に他の要素が読み込まれます。そのため、カスタムフォントが読み込まれる前にシステムフォントが表示されます。
「その他」カテゴリのТ228ブロックをページに追加することができます。ページの読み込み速度が遅くなり、ブラウザはカスタムフォントでテキストを表示します。
ウェブページを開いているときにブラウザがちらつく場合は、システムフォントを読み込んでからカスタムフォントを読み込んでいます。これはエラーではなく、完全に正常です。
製造元
Tilda