記事内の文字の大きさ、行間隔、文字の間隔の変更(新・CSS編集デザイン用) | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

今回は、新・CSS編集デザイン用での、記事内の文字の大きさ、行間隔、文字の間隔の変更方法です。

 

 

プロフィール画像が丸いデザインでの場合になります。

 

 

そのデザインでの既定の記事の文字サイズや行間はこのようになっています↓

 

 

 

それを、

 

文字サイズを1.1倍の大きさに(大きく)、

行間を1.5倍に、

文字の間隔を0.1emに(間隔を広げる)。

 

 

 

/* 記事の文字サイズ、行間、文字の間隔 */
.skin-entryBody{
font-size:1.1em;
line-height:1.5;
letter-spacing:0.1em;
}

 

 

 

 

CSS編集欄の一番最後に、上↑のをコピペすると、こんな感じになります↓

 

 

 

文字サイズを0.8倍の大きさに(小さく)、

行間を1.5倍に、

文字の間隔を-0.1emに(間隔を狭くする)。

 

 

 

/* 記事の文字サイズ、行間、文字の間隔 */
.skin-entryBody{
font-size:0.8em;
line-height:2;
letter-spacing:-0.1em;
}

 

 

 

 

CSS編集欄の一番最後に、上↑のをコピペすると、こんな感じになります↓

 

 

 

 

 

といった感じに、新・CSS編集デザインでの、記事内の文字の大きさ、行間隔、文字の間隔の変更をすることができます!

 

 

Instagram

 


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

川上 雄大☆パソコンインストラクターさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント