記事のフォントと行間
記事のフォントと行間 divタグの中にスタイルシートの line-height、letter-spacing、font-family、などが使えるみたいだ。(ピクセルで指定 26px、140%のパーセント指定だと反映されない) 昨日の記事でフォントと行間を変えてみて、読みやすくなった気がしている。 このフォントもいいなー。(MS UI Gothic)読みやすいかどうかのポイントは行間の白にあるみたい。ここを空けることですぅーとラインが見えてきて整理された感じになる。 自分の場合、秀丸マクロでタグを挿入している。 下のように記事の始めと終わりをはさむ。改行のbrタグは必要なし。divタグはpタグでも可。 <div style="font-family:'MS UI Gothic',serif; font-size:16px; letter-spacing:1px; line-height:26px;"> さっき更新があって、 KAI_REPORT: インターネット時代を支えるサーバーの技術要件 とかの記事がブックマークされていた。</div> 次は、letter-spacing:1px; の例。下の二行は比較。上が文字間にスペースなし、下が文字間 1px。MSpゴシックで。 ・ KAI_REPORT: インターネット時代を支えるサーバーの技術要件・ KAI_REPORT: インターネット時代を支えるサーバーの技術要件 詰め詰めの感じが緩和されて、これも読みやすい。タグは文字間だけだと、 <div style="letter-spacing:1px;"> 文字 </div>