BONTAのフォント設定方法｜6種類から選択可能

Q: 「OS標準フォント」を選ぶと必ず游ゴシックやヒラギノ角ゴになりますか?

いいえ。選択肢名にある「Windows: 游ゴシック、Mac: ヒラギノ角ゴ 等」はあくまで典型例です。実際には閲覧者の端末が既定で使っているフォントがそのまま表示されるため、環境によって表示されるフォントは異なります。

BONTAには、サイト全体(見出し・本文・ボタン等)で使うフォントを1つ選べる「フォント」セクションが用意されています。ここでは設定内容と、選択肢ごとの挙動を紹介します。

BONTAのフォント設定でできること（サイト全体で1つを選択）

「外観」>「カスタマイズ」の「フォント」セクションから、サイト全体で使うフォントをラジオボタンで1つ選択できます。「OS標準フォント」以外を選ぶと、選んだフォント1つだけをGoogle Fonts CDNから読み込みます。接続できない場合は自動的に閲覧者の端末の既定フォントで表示されるため、表示崩れの心配はありません。

設定方法（3ステップで完了）

設定は3ステップで完了します。

「外観」>「カスタマイズ」を開く

「フォント」セクションを開き、使いたいフォントを選択する

選択肢は6種類あります(詳しくは後述します)。

内容を確認して「公開」を押す

プレビュー中はまだ本番に反映されません。「公開」ボタンを押すまで確定しない点に注意してください。

選べる6種類のフォント（OS標準・明朝体3種・ゴシック体2種）

「フォント」セクションには6つの選択肢があります。それぞれの特徴は次のとおりです。

OS標準フォント(既定)

Windows: 游ゴシック、Mac: ヒラギノ角ゴ等。閲覧者の端末が既定で使っているフォントがそのまま表示されます。外部への接続は一切発生しません。

Noto Serif JP(明朝体)

Google Fonts CDNから読み込む明朝体フォントです。

Zen Old Mincho(明朝体)

Google Fonts CDNから読み込む明朝体フォントです。

Zen Kaku Gothic New(ゴシック体)

Google Fonts CDNから読み込むゴシック体フォントです。

M PLUS 1(ゴシック体)

Google Fonts CDNから読み込むゴシック体フォントです。

BIZ UDPMincho(明朝体・UD)

Google Fonts CDNから読み込む、ユニバーサルデザインに配慮した明朝体フォントです。

💡 ポイント

「OS標準フォント」以外を選んだ場合も、選んだフォント1つだけがリクエストされ、他の候補フォントは読み込まれません。CDNの読み込みが完了するまでは閲覧者の端末の既定フォントで表示され、読み込みが完了すると自動的に切り替わります(display=swap)。接続できない場合も端末の既定フォントで表示され続けるだけなので、画面が真っ白になったり読み込みが止まったままになることはありません。