インストール済みフォント検出

カスタムフォントのインストール方法

• Windows： .ttfまたは.otfファイルを右クリック →「インストール」または「すべてのユーザーに対してインストール」→ ブラウザを再起動。
• macOS： .ttfまたは.otfファイルをダブルクリック → Font Bookで「フォントをインストール」をクリック → ブラウザを再起動。
• Linux： フォントファイルを次にコピーします： ~/.local/share/fonts/ → 次を実行します： fc-cache -fv → ブラウザを再起動します。

インストール後にこのページを更新すると、新しいフォントが表示されます。出ない場合は「Try Local Fonts API」ボタンを試してください（Chromium系ブラウザのみ）。

URLで特定のフォントを使う

• パラメータ： 次を追加します： ?font=<Font%20Family%20Name> をURLへ追加します。空白と記号はURLエンコードしてください。
• 適用するCSS変数： 使用中のサイトの指定： --font-family。このページにも適用されます。例： ?font=Segoe%20UI.
• 引用符は不要： パラメータに引用符を含めないでください。CSS変数では不要です。
• インストール済みのみ： このパラメータは、システムにすでにインストールされているフォントにのみ作用します。ウェブフォントはダウンロードしません。

互換性（Ninjaアプリ）

• VDO.Ninja： 生成済み ?font= リンクは、次の変数に対応するオーバーレイ/シーンで使えます： --font-family です。
• SocialStream.Ninja： 同じ値を使います： ?font= パラメータで、対応ウィジェットの標準フォントを上書きします。
• Caption.Ninja： 適用（Apply） ?font= を、カスタムフォントファミリーに対応する字幕オーバーレイへ指定します。

これらのアプリでは、URLや埋め込みリンクが次のパラメータに対応している場合、フォントファミリーを上書きできます： ?font= 。このツールは、そのまま使える正しくエンコードした値を生成します。

トラブルシューティング（Windows）

• 正確なファミリー名： フォントの次の名前を使ってください： ファミリー 名（ファイル名ではありません）。正しいファミリー名は、設定 → 個人用設定 → フォントで確認できます。
• 正しいインストール範囲： 別のWindowsユーザー向け、または管理者アカウントだけにインストールしたフォントは、現在のブラウザセッションで見えない場合があります。必要なら「すべてのユーザーに対してインストール」を選んでください。
• 対応形式： ブラウザではTrueType/OpenType/WOFFを使えます。古いType 1や一部のビットマップフォントは使えません。
• 太さ/スタイルの利用可否： Boldだけをインストールした場合、通常のテキストは別のフォントになることがあります。太字サンプルを試すか、Regularもインストールしてください。
• プライバシー上の制限： ブラウザは、許可なしに全フォントを列挙できません。このページは多数の既知のフォント名と、任意のLocal Fonts APIで検出します。
• Local Fonts API： 安全なオリジン（https/localhost）のChromiumでは、「Try Local Fonts API」をクリックし許可すると、インストール済みの正確なファミリー一覧を取得できます。

手動で使うときのヒント

• フォントを指定： CSSでの指定： font-family: "Your Family", Avenir Next, Sora, Roboto, Helvetica, Arial, sans-serif;
• 任意の名前を試す： 検索欄で任意のファミリー名を試せます。見つかると、結果にサンプル付きで表示されます。
• エンコード： 次のようなリンクを作成します： ?font=Segoe%20UI （以下で生成するリンクは正しくエンコードされています）。
• CJKやその他の文字体系のフォント： サンプルにはラテン文字、数字、記号を含めています。対象の文字体系のテキストに置き換え、文字の形や組み合わせを確認してください。

注意：このページはフォントをインストール・ダウンロードしません。ブラウザがすでに利用できるファミリーを検出してプレビューするだけです。