こんにちは、パソコンインストラクターの川上雄大です。
今回は、新・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;
}
.skin-entryBody{
font-size:0.8em;
line-height:2;
letter-spacing:-0.1em;
}
CSS編集欄の一番最後に、上↑のをコピペすると、こんな感じになります↓
といった感じに、新・CSS編集デザインでの、記事内の文字の大きさ、行間隔、文字の間隔の変更をすることができます!
LIDS札幌・ライフデザインスクール
川上 雄大