Confluence でのフォントのスタイリング

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

Confluence では、CSS(Cascading Style Sheets) 経由で視覚的スタイルを調整できます。このチュートリアルでは、数行の CSS を使用して Confluence ページのフォントとサイズを変更する方法を示します。

カスタム フォントのコードを以下に示します。これらのコードをコピーして、[スペース管理] セクションの [スペース スタイルシート] フォームにに貼り付けてください。

フォントの変更

Confluence のフォントをカスタマイズするには、最初に body フォントを使用したいフォントに設定する必要があります。次に、フォントはそれぞれ相対的なサイズが異なるため、フォントサイズを調整するとよいでしょう。

関連する CSS を以下に示します。この CSS では、Confluence のフォントを、デフォルトの Helvetica/Arial – sans serif  から Times/Times New Roman – serif に変更します。Times が Helvetica より少し小さい点を調節するため、フォント サイズを 14 ピクセルに増やしています。wiki コンテンツのすべてのタグのフォント サイズを変更するには、定義の 'wiki-content' の多くのスタイルを変更する必要があります。

スペースのスタイルシートを編集するには、次の手順を実行します。

  1. スペースに移動して、サイドバーの下部から、スペース ツール > ルックアンドフィールを選択します。
  2. [スタイルシート] > [編集] の順に選択します。
  3. カスタムCSSを、テ​​キストフ​​ィールドに貼り付けます。
  4. 変更を保存します。新しい CSS がスペース内のすべてのコンテンツ ページに表示されます。
.wiki-content,
.wiki-content p,
.wiki-content table,
.wiki-content tr,
.wiki-content td,
.wiki-content th,
.wiki-content ol,
.wiki-content ul,
.wiki-content li {
 font-family: Times, "Times New Roman", serif;
 font-size: 14px;
}

注意

注意: 既定では、システム管理者のみがスペースまたはサイトの CSS を編集できます。スペース管理者権限を持つユーザーがスペースの CSS を編集できるようにするには、[管理] > [一般設定] > [セキュリティ設定] に移動し、[スペースのカスタム スタイルシート] を選択します。

最終更新日: 2023 年 12 月 7 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.