n-yujiのテーマ作り日記

現在のスタイルシート欄。

body {
font:menu;
font-size:16px;
}
div.body {
font-size:16px;
}

テスト中です。

標準のhatenaテーマにこれだけを追加しています。

2種類のヒラギノとWebでの2004JIS字形問題。

一年も前ですが、

http://d.hatena.ne.jp/n-yuji/20071028#p1

に書いたとおり、MacOS X 10.5のヒラギノフォントは、2種類が共存しております。システム標準では2004JIS字形のほうが使われますが、CSSで名称を指定すれば、指定したほうが使われます。CSSレベルで2004JIS字形を拒否できたりするわけです。

CSSにおいて、Mac向けには和文フォントを指定しないほうが、今後も何かと都合がいいように思われます。将来的に、Pro→ProNの変更だけですむとも限りません。

そんなわけで、これまで書いたCSSからヒラギノ指定は外すことにしました。システムあるいはブラウザの選択に任せたほうが、間違いが少ないと思われるからです。

Windowsのほうも、できるだけ決め打ちしないで、serif、sans serif程度の指定に留めておこうと思います。

「karte」の色を変更する。

body {background-color:#ffcee0;}
h1 {background-color:#ffcee0;}

こんな風にスタイルシート欄に入れてみましょう。

bodyは全体、h1はタイトル部分を指し、

それぞれのバックグラウンドカラーを設定します。

#******のところでカラーを指定しています

（指定色については他のサイトを参考にしてください）。

JIS2004字形表示テスト

葛飾の噂は〝謎の鴎（鷗）〟

唐突だけど改良。

Karteとtechno-gothを改良中です。

サイドバーを付けない場合、横幅いっぱいまで使えるようにしてみました。

プロフィール欄と旧編集画面も横幅いっぱいになります。

1日の日記全体を囲む枠の設定を、

div.day {

と

.main div.day {

に振り分けて、

サイドバー付きの場合に

.main {

でマージン指定して位置をずらせればいいだけだったんですね。

ここにたどり着くまでえらい苦労してしまいました。