スワロー・ハミングバード・ストーク・アルバトロスの投稿ページの文字の大きさを変更するCSS。コピペで対応できる簡単方法

こんにちは。YOSHITAKA（@YOSHITA19704216）です。

初心者

OPEN CAGE（オープンケージ）社のテンプレートは投稿ページの「見出し」や「パンくずリスト」の文字の大きさは変更できますか？？

よしたか

CSSで一定にできますよ。

今回はOPEN CAGE（オープンケージ）社のテンプレートである

STORK（ストーク）・Hummingbird（ハミングバード）・スワロー・アルバトロスの

投稿ページの文字サイズを変更するCSSを紹介します。

投稿ページの文字サイズを変更する方法

貼り付けるCSS紹介

Webサイトの文字サイズは

CSSのfont-sizeプロパティの値で変えることができます。

/* 記事タイトル */ .single-title { font-size: 1.5em; } 


/* 本文 */ .entry-content p { font-size: 103%; } 


/* 見出し（h2） */ .entry-content h2 { font-size: 1.25em; } 


/* パンくずリスト */ #breadcrumb { font-size: .7em; }

上記のfont-sizeの数値を

お好みに合わせて数値変更してください。

修正例

例えば・・・・・

18pxから12pxに文字サイズを小さくしたい場合は

次のように修正します。

font-size: 18px;

↓　↓　↓

font-size: 12px;

値は任意で変更が大丈夫です。

ターゲットがご高齢なら文字を大きくするのもありです。

ご自身のお好みの大きさに合わせて

数字の修正を行ってください。

基礎情報

font-sizeの値の単位は、「px」、「%」、「em」などがあります。

（単位については、この記事では詳しく説明しません。）

ちなみに・・・・・

font-sizeの単位に「em」があります。

これは小数単位で文字サイズの指定ができます。

emの値が1以下の場合

小数点の前の「0」を省略することができます。

つまり・・・・・・

「.9em」と「0.9em」は同じ文字サイズを表します。

まとめ

ストーク・ハミングバード・スワロー・アルバトロスでちょっとした文字の大きさですが

こだわる人はこだわります。

いろいろと調整してみて下さい。

メルマガも配信していますので

受け取って下さいね(^^)