【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

Sporty勇馬くんのイラストサイト

フリーページ

2005年03月12日
XML
カテゴリ:ブログ SNS
記事のフォントと行間

 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>  






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2005年03月12日 21時26分42秒
コメント(0) | コメントを書く
[ブログ SNS] カテゴリの最新記事


PR

キーワードサーチ

▼キーワード検索

カテゴリ

プロフィール

スポーティー勇馬くん

スポーティー勇馬くん

お気に入りブログ

コーチングダイアリ… ぐっち0104さん
foot001 foot001さん
元祖!尻ミッターフ… 尻を蹴らせる男/フジオさん
ぐっちいのスポーツ… ぐっちい@さん
情熱マンの人生熱闘記 情熱マンさん
阪神タイガース  … hiromi5449さん
アトリエ5号星地区 シルフちゃんさん
エージェント・代理… 田邊伸明さん
PREXUS 詩流不さん

コメント新着

たかくら県@ ありがとう 何か、使える曲がないか探してたら、ピッ…
☆ガース☆@ はじめまして いきなりすみません。PS3の記事を見てきま…
名無し@ Re:§[ユ楽] [関空対岸生活者] 水上バイク事故(07/24) この事故で死んだ子が、俺のクラブの友達…

© Rakuten Group, Inc.