カスタムフォントとGoogle Fonts

Marinaraがアプリ全体で使うフォントを変更できます。標準のフォントを選ぶか、自分のフォントファイルを追加するか、Google Fontsから名前を指定してフォントをダウンロードしてください。

アプリのフォントの選択

  1. Settings(設定)を開き、Appearance(外観)タブをクリックしてから、App(アプリ)ボタンをクリックします。
  2. Text & Scaleセクションを探します。
  3. Fontドロップダウンを開き、フォントを選びます。

新しいフォントをいちばん手軽に入手できるのはGoogle Fontsです。デフォルトはDefault (Inter)で、画面上での読みやすさを考えて選んだ、すっきりとしたフォントです。追加したフォントは、同じドロップダウンでその下に並びます。

選んだフォントはデバイス間で同期します。同じMarinaraサーバーにつながっているブラウザーは、すべてそのフォントに切り替わります。設定の概要を参照してください。

チャットウィジェットには、Chat widget style(チャットウィジェットのスタイル)の下に別のFontの選択があります。そこでApply preset font(プリセットのフォントを適用)をオンにすると、そのフォントがメッセージ、入力欄、チャットの操作部品にも使われます。用意されているチャットウィンドウのスタイルを参照してください。

自分のフォントの追加

始める前に: フォントはサーバー上のフォルダーに置きます。サーバーとは、Marinaraを動かしているコンピューターのことです。自分のコンピューターでMarinaraを動かしている場合は、そのコンピューターがサーバーです。データフォルダーとは、Marinaraがデータを保存している場所です。

  1. Fontドロップダウンの隣にあるOpen Fonts Folder(フォントフォルダーを開く)をクリックして、サーバー上のdata/fonts/を開きます。または、Marinaraのデータフォルダーの中にあるdata/fonts/フォルダーを自分で探します。
  2. フォントファイルをそこにコピーします。
  3. Settings → Appearance → App → Text & Scale(設定 → 外観 → アプリ → Text & Scale)を開きます。
  4. Fontドロップダウンを開きます。追加したフォントが一覧にあります。
  5. そのフォントを選びます。アプリの文字がすぐに切り替わります。

Marinaraが読み込むのは.ttf、.otf、.woff、.woff2のファイルで、ほかの種類は無視します。表示名はファイル名から作るため、OpenSans-Bold.ttfは「Open Sans」と表示されます。一覧をすっきりさせるには、ファイル名をわかりやすく付けてください。

同じサーバーにつながるデバイスなら、どれでもdata/fonts/のフォントを使えます。

うまくいかなかった場合: ファイルの種類を確認してください。また、ファイルが表示に使っているデバイスではなく、サーバー上のdata/fonts/にあることを確かめてください。

Google Fontsからのダウンロード

これには、サーバーがインターネットにつながっている必要があります。

  1. Settings → Appearance → App → Text & Scale(設定 → 外観 → アプリ → Text & Scale)を開きます。
  2. Google Fonts欄に、フォント名を正確に入力します。たとえばFira CodeやLoraです。
  3. Add(追加)をクリックします。
  4. ダウンロードを待ちます。終わると、フォントがFontドロップダウンに表示されます。

欄の隣にあるBrowse fonts at fonts.google.com →(fonts.google.comでフォントを探す)リンクを使うと、Google Fontsのサイトが開き、名前を調べられます。名前に使えるのは英字、数字、スペースだけです。同じフォントをもう一度ダウンロードすると、古いほうが置き換わります。

うまくいかなかった場合は、エラーメッセージを読んでください。

Open Fonts Folder

Fontドロップダウンの隣にあるOpen Fonts Folder(フォントフォルダーを開く)ボタンは、使っているデバイスではなく、サーバー側のコンピューターのファイル管理画面でdata/fonts/を開きます。自分のコンピューターでMarinaraを動かしている場合は、そのままフォルダーが開きます。スマートフォンや別のコンピューターから使う場合は、フォントファイルをサーバーのdata/fonts/フォルダーへ自分でコピーしてください。

デフォルトのフォントを選んでいる間は、プリセットエディターのプロンプト欄とキャラクターのExample Dialogueに等幅フォントを使います。ほかのフォントを選ぶと、これらの欄にもそのフォントが適用されます。エージェントのプロンプトテンプレートなど、ほかのプロンプト欄は等幅フォントのままです。

関連ガイド