タグ・CSS

文字のフォント(字体)を変えたい

※文字の見え方は、端末によって異なる場合があります

サイト内のテキストの字体を変更したい場合は、下記のCSSをご利用ください。

特定のテーマの時だけ変更する場合の「各マイテーマごと」と、「テーマ問わず」の2種類の設定方法をご紹介いたします。


各マイテーマごと

特定のマイテーマを着せた際に、字体を変更する方法です。

マイテーマ機能には、「CSSを編集する」という機能があります。

ここに、下記のCSSを編集して貼り付けてください。

body {
font-family: 字体名;
}

ゴシック体の場合は「sans-serif」、明朝体の場合は「serif」と入力します。
具体的なフォント名でも指定できます。


テーマ問わず

テーマを問わず常に同じ字体で表示したい場合、その都度マイテーマを設定するのは手間に感じると思います。

その場合は、サイト全体設定の「共通HEAD編集」にCSSを書くという裏技をご利用ください。

※共通HEADはCSS編集専用機能ではないため、「<style>~</style>」でCSSを囲む必要があります

<style>
body {
font-family: 字体名;
}
</style>

※なお、該当フォントがない環境からの閲覧に備えて複数のフォントを指定しておくなどの対処法もございますので、
 詳しくはCSSのfont-familyの記載方法についてインターネット検索などで専門サイトを参考にされることをお勧め致します。

ヘルプを検索

キーワード
カテゴリー