Wix Studio エディタ:異なるテキストフォントを使用する
読了時間:5分
Wix Studio エディタサイトで独自のフォントを使用します。作業しているサイトが英語以外の言語で使用されている場合は、その特定の言語で機能するフォントをアップロードできます。
この記事では、以下の項目について説明します:
独自のフォントを使用する
Wix Studio エディタに自身が所有するフォントをアップロードして、テキスト要素やフォント(例:ボタン、フォーム、メニューなど)で使用できるようにします。
始める前に:
使用権のあるフォントのみアップロードしてください。
エディタにフォントをアップロードする方法:
- エディタで該当するテキストパーツを選択します。
- 「テキストを編集」をクリックします。
- エディタ右上で「要素設定パネルを開く」矢印アイコン
をクリックします。(要素設定パネルはすでに開いている場合もあります)
- 「デザイン 」までスクロールダウンし、「フォント」ドロップダウンをクリックします。
- 下部にある「フォントをアップロード」をクリックします。
- (ポップアップで)「アップロード」をクリックし、フォントファイル(TTF のみ)を選択します。
- フォントのアップロードが完了したら、「閉じる」をクリックします。
次のステップ:
これで、サイト全体でフォントを使用できるようになりました。アップロードしたフォントは「フォント」ドロップダウンの「マイフォント」下に表示されます。
![Wix Studio エディタの「フォント」ドロップダウンのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/14/3f00826a-2eda-4c96-90fd-64c343d570df/026f853d-6d9a-48ba-976a-c409d1f3b599.png)
タイポグラフィスタイルで重いカスタムフォントを使用している場合:
![デフォルトのフォントを最初に読み込むために、Wix Studio エディタでクリックする必要があるトグル](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/13/8ff543d6-76b9-4bbf-9683-925cb2fe99d1/59a7b0fd-21db-42bf-8922-27d1d23374c5.png)
サイトスタイルパネルの「タイポグラフィ」タブで、「デフォルトのフォントでサイトの読み込みを最適化」トグルを有効にします。
このトグルを有効にすると、カスタムフォントが完全にダウンロードされるまで、訪問者のブラウザに読み込み速度の速いデフォルトのフォントを一時的に表示するように指示します。
![デフォルトのフォントを最初に読み込むために、Wix Studio エディタでクリックする必要があるトグル](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/13/8ff543d6-76b9-4bbf-9683-925cb2fe99d1/59a7b0fd-21db-42bf-8922-27d1d23374c5.png)
英語などラテン言語以外のアルファベットのフォントを追加する
サイトが英語やラテン言語以外のアルファベットを使用している場合(例:アラビア語、キリル文字、日本語)の場合、必要な文字と互換性のあるフォントを追加できます。
言語フォントを追加する方法:
- エディタで該当するテキストパーツを選択します。
- 「テキストを編集」をクリックします。
- エディタ右上で「要素設定パネルを開く」矢印アイコン
をクリックします。(要素設定パネルはすでに開いている場合もあります)
- 「デザイン 」までスクロールダウンし、「フォント」ドロップダウンをクリックします。
- 下部にある言語アイコン
をクリックします。
- 該当する言語横にあるチェックボックスを選択します。
- 「保存」をクリックします。
次のステップ:
選択した言語フォントは、Wix Studio エディタのすべてのフォントメニューで使用できるようになります。「フォント」ドロップダウンメニューは言語別に整理されているため、互換性のあるものを選択できます。
![Wix Studio エディタの「言語を追加」パネルのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/14/007b3c9e-d358-486f-81ea-b46b2d1f1c24/f6e6f3d7-0051-4e4a-aa81-85cf7a912deb.png)
他の言語を希望する場合:
カスタマーケアまでお問い合わせください。
テキストにアクセント記号付き文字を使用する
Wix Studio エディタサイトのテキストにアクセント記号付きの文字を使用できます。この方法はデバイスのよって異なります:
- PC の場合:このリンクからテキストボックスに文字をコピーして貼り付けるか、こちらに記載されたキーボードの組み合わせを使用します。(英語)
- Mac の場合:テキストを入力する際、キーボードの該当する文字を押しながらアクセントを選択します。Mac で特殊文字を入力する方法はこちら(英語)
アップロードしたフォントを削除する
不要になったフォントを削除して、アップロードしたフォントを整理します。
アップロードしたフォントを削除する方法:
- エディタで該当するテキストパーツを選択します。
- 「テキストを編集」をクリックします。
- エディタ右上で「要素設定パネルを開く」矢印アイコン
をクリックします。(要素設定パネルはすでに開いている場合もあります)
- 「デザイン 」までスクロールダウンし、「フォント」ドロップダウンをクリックします。
- 「フォントをアップロード」をクリックします。
- 該当するフォントにマウスオーバーし、「削除」アイコン
をクリックします。
- 「削除」をクリックして確定します。
注意:
フォントファイルがアカウントから削除されます。テキストパーツで使用している場合は、引き続きサイトで表示されます。
![「フォントを管理」パネルのスクリーンショット。「削除」アイコンをクリックしてアップロードしたフォントを削除しています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/14/b7c03ed9-3ee9-451e-a6f7-d8e620234bb4/c3d80cdb-7af9-4857-8ea4-58851b8706c3.jpg)
よくある質問(FAQ)
Wix Studio エディタで独自のフォントを使用する方法については、以下をクリックしてご覧ください:
サポートされているフォント形式は?
エディタにフォントをアップロードする際に問題が発生しています
アップロードしたフォントの使用がサポートされていない箇所はありますか?
重要:
Wix はエディタ内のフォントのライセンスを所有しています。これらのフォントは Wix サイト内でのデジタル使用のみ許可されています。詳細は Wix 利用規約をご覧ください。フォントをダウンロードして使用することはできませんが、オープンソースのバージョンを見つけてコンピュータにインストールすることはできます。外部 URL で見つけたフォントにはご注意ください。これらのフォントは Wix が所有していないため、作成者に連絡して、使用許可を得る必要があります。
お役に立ちましたか?
|