Discourseテーマでカスタムフォントを選ぶためのベストプラクティス?

皆さん、こんにちは。

私はDiscourseのテーマをカスタマイズしており、コミュニティのブランドに合うよりユニークなフォントにデフォルトのフォント(本文/見出し)を変更したいと考えています。Discourseでは、Admin > Customize > Themes/Colorsからフォントを設定でき、CSSでカスタムウェブフォントを追加することもできることを知っています。

以下の点について、皆さんのご意見をお聞かせください:

  1. Google Fonts、自己ホスティングフォント、またはDiscourseの組み込みフォントオプションのどれを使用するのがおすすめですか?
  2. カスタムウェブフォントを追加した場合のパフォーマンス上の懸念(ページ読み込み速度)はありますか?
  3. 読みやすさを考慮してフォントを選ぶ際のアクセシビリティに関するベストプラクティスはありますか?

フォントのカスタマイズに関するヒント、テーマコンポーネントの推奨、またはご自身のDiscourseインスタンスでフォントをカスタマイズした経験があれば、ぜひ共有してください!

「いいね!」 2

私の意見としては、等幅フォント(例:JetBrains Mono)は読みづらいので避けるべきでしょう。ただし、コミュニティがハードコアな開発者で構成されている場合は別ですが :wink:。しかし、実際にそのフォントが使われているコミュニティに参加した経験から言いますと、確かに読みやすくはありません(それに、文字の間隔が私の好みよりも広すぎます)。

「いいね!」 2

自己ホスティングは、外部アセットへの依存を排除できるため、ネットワークリクエストを1つ減らせるという点で常に優れています。Google Fontsをダウンロードして自分自身でホスティングすることも可能で、Discourseの組み込みフォントオプションもGoogleから取得されており、Googleのサーバーに依存しません。

前述の通り、フォントを直接自分のサイトから提供した方がパフォーマンスは良いですが(フォントは通常小さいため、大きな懸念事項ではありません)、必要以上のバリエーションやスタイルを含めないようにしてください。通常、2つの異なるフォントに通常と太字のウェイトがあれば十分です。

主に、視覚的に非常に薄いフォントに注意し、サイトにダークモードがある場合は、読みやすさの点でもそれを二重チェックしてください…ときどき、カラースキームは大きな違いを生むことがあります。ブラウザでズームイン/アウトしたり、ユーザー設定でフォントサイズを変更したりして、予期しないことが起こらないか確認してください。

「いいね!」 1