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' の多くのスタイルを変更する必要があります。
スペースのスタイルシートを編集するには、次の手順を実行します。
- スペースに移動して、サイドバーの下部から、スペース ツール > ルックアンドフィールを選択します。
- [スタイルシート] > [編集] の順に選択します。
- カスタムCSSを、テキストフィールドに貼り付けます。
- 変更を保存します。新しい 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 を編集できるようにするには、[管理] > [一般設定] > [セキュリティ設定] に移動し、[スペースのカスタム スタイルシート] を選択します。
最終更新日 2024 年 7 月 30 日
Powered by Confluence and Scroll Viewport.