読みやすい文章も大事、それには柔らかい印象も大切コンテンツ本文のスタイルシートも工夫を加えました。

2014年12月6日 MQ コメントする

Views 1278
Likes
Rating 12345

この記事を読むのに必要な時間は約 1

アフィリエイトも好調で、Google AdSense 広告のインサート位置を変更したことに伴って、コンテンツ本文のスタイルシートも工夫を加えました。

わたしのコンテンツは文章が長くなりがちで、コンパクトに簡潔にするのは苦手。そこで幾らかでも読みやすくしたいと本文表示を柔らかい印象に工夫しています。

見なおしたスタイルシート

.entry-content p {
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
line-height: 2em;
text-indent: 1.2em;
text-align: justify;
letter-spacing: auto;
word-spacing: auto;
word-break: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

.entry-content p {

font-family: 'Open Sans', sans-serif;

font-size: 1.2em;

line-height: 2em;

text-indent: 1.2em;

text-align: justify;

letter-spacing: auto;

word-spacing: auto;

word-break: normal;

-webkit-font-smoothing: antialiased;

-webkit-text-size-adjust: 100%;

}

上記スタイルシートを下記に変更。

.entry-content p {
font-family: Segoe UI;
font-size: 1.2em;
line-height: 2em;
text-indent: 1.2em;
text-align: justify;
letter-spacing: normal;
text-justify: inter-ideograph;
text-transform: none;
font-variant: normal;
word-spacing: auto;
word-break: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}