Tuesday 11 Dec, 2012

seesaaブログカスタマイズ(文字)

少しずつだけれども、自分の時間が戻りつつあるDaddy
学童野球が終われば、土日のお手伝いに行く回数も減るだろう。そしたらもっとピアノに時間を割けるし、サイクリングも復活だグッド(上向き矢印)

BlogCustomize.pngたまにはパソコンネタでも書き記そうかな。この手のネタは後日になっても頻繁にアクセスあるようだ目

今回はブログの文字スタイルを変更してみた。
変更するCSSファイルは「デザイン」-pcタグ-「デザイン設定」
右画面・矢印のところから設定を開くと、下記のような定義文が表示される。
===============================================
#container{
width:840px;
margin:0px auto;
}

body {
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;
padding:0px;
background-image:url(http://〜);
background-repeat;
}
(定義文続き省略)
===============================================

定義文上部にセレクタ名「Body部(ページ全体を定義するところ)」があり、この中のfont-familyプロパティを以下のように変更。

◆ 変更前 (なぜか日本語フォントが指定されてない)
font-family: Arial, Helvetica, sans-serif;

◆ 変更後 半角文字フォント+日本語フォント
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;

ほかに文字サイズもやや小さめに変更したので、多少は見やすくなったかな?
日本語フォントが指定されてないときはブラウザの標準文字で表示されるらしいので、環境によってはあまり変化無いのかもフリーダイヤル

結果、こんな風に変わった。
【変更前】
0123abcd 変更前の文字はこんな感じ
【変更後】
0123abcd 変更後の文字はこんな感じ
=== ☆   posted by Daddyクワトロ   ☆ =   at 23:40   ==
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック