Google Fonts

| |
|—|—|—|
| :discourse2: | 概要 | Google Fonts は、CSS を一切書かずに Google Fonts からフォントを追加できるシンプルなテーマコンポーネントです。
| :eyeglasses: | プレビュー | Discourse テーマクリエイターでプレビュー |
| :hammer_and_wrench: | リポジトリリンク | https://github.com/discourse/discourse-google-font-component
| :open_book: | Discourse テーマは初めて? | Discourse テーマの使い方入門ガイド

このテーマコンポーネントをインストール

機能

このコンポーネントを使用すると、メインサイトのフォントを設定でき、見出しや等幅テキスト(コードブロック)用のフォントを別途指定することも可能です。また、各ケースでフォントの太さを選択したり、フォントサイズを拡大することもできます。

裏側では、Google のフォント <link> とともに少しの CSS が設定されます。なお、フォントファイルは https://fonts.googleapis.com/ から Google によって提供されることに依存しています。

設定

名前 説明
fonts fonts.google.com から使用するフォントの名前を追加してください。フォント名は大文字小文字を区別します!
body font Discourse 全体で使用するメインフォント。上記の「fonts」設定に含まれている必要があります
body font weight フォントの太さ(100〜900 の範囲)。400 が標準、700 が太字
headline font 見出し用のオプションフォント。上記の「fonts」設定に含まれている必要があります
headline font weight フォントの太さ(100〜900 の範囲)。400 が標準、700 が太字
monospaced font コードブロック用のオプションフォント。上記の「fonts」設定に含まれている必要があります
monospaced font weight フォントの太さ(100〜900 の範囲)。400 が標準、700 が太字
normal font size 全ユーザーのデフォルトフォントサイズ。これを調整するとすべてのフォントサイズが比例して変更されます
smaller font size 各ユーザーのインターフェース設定で選択可能
larger font size 各ユーザーのインターフェース設定で選択可能
largest font size 各ユーザーのインターフェース設定で選択可能

:discourse2: 当方でホストされていますか? テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

「いいね!」 51