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

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

Screenshot 1: Default font in a Confluence page

Screenshot 2: Custom font in a Confluence page

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

関連ページ

The information on this page does not apply to Confluence OnDemand.

フォントの変更

In order to customise the fonts in Confluence, you first need to set the body font to the font you want. Secondly, you may want to adjust the font size because different fonts have different relative sizes.

The relevant CSS is shown below. It chages Confluence's font from the default of Helvetica/Arial – sans serif to Times/Times New Roman – serif. To adjust for the fact that Times is a bit smaller than Helvetica, we increase the font size to 14 pixels. The many styles that 'wiki-content' in their definition are necessary to change the font size for all the tags in the wiki content.

body {
    font-family: Times, "Times New Roman", serif;
    font-size: 14px;
}
.wiki-content,
.wiki-contentp,
.wiki-contenttable,
.wiki-contenttr,
.wiki-contenttd,
.wiki-contentth,
.wiki-contentol,
.wiki-contentul,
.wiki-contentli {
    font-size: 14px;
}

注意

メモ:

You need system administrator permissions to edit the CSS for a space or for the site.
This function is turned off by default. To turn it on, go to Confluence Admin > Security Configuration and choose Custom Stylesheets for Spaces.

ページツリー

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

フォントの変更

注意