 |
概要 | Google Fonts は、CSS を記述せずに Google Fonts からフォントを追加できるシンプルなテーマコンポーネントです。 |
 |
プレビュー | Discourse Theme Creator でのプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-google-font-component |
 |
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 | 各ユーザーのインターフェース設定で選択可能 |
ホスティングサービスをご利用中ですか？ テーマコンポーネントは、Standard、Business、Enterprise の各プランでご利用いただけます。