Home > アーカイブ > 2007-12
2007-12
IE6ボーダー回り参考
http://css-happylife.com/log/css-hack/000078.shtml
http://www.techdego.com/2007/01/floatcssclearfix.php
http://3ping.org/2007/05/26/1142
http://blog.till-daylight.org/archives/167-clearfix.html
http://www.kuroduction.com/doc/translation/position_is_everything/easyclearing.html
ライン高参考
- 2007-12-13 (木)
- 未分類
ライン高 (line-height)
行間を設定します。テキストフィールドに数値を入力し、右にある長いポップアップメニューで単位を選択するか、テキストフィールドは空のままでポップアップメニューから目的のものを選択して下さい。
単位の中にある [複数] は、その要素に設定されているフォントサイズや親要素から継承されているフォントサイズに対する割合です。例えばフォントサイズが10ピクセルのときに、テキストフィールドに2と入力して右のポップアップメニューで [複数] を選択すれば、行間は10×2で20ピクセルになります。
参考:タイプの定義
CSSフォント設定検証
- 2007-12-06 (木)
- web-creation
フォント設定について気になってた部分があるので再検証してみた。
今まで使っていたもの(半角数字が小さくて気になる…)
font-family:
“ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “Osaka”, “メイリオ”, Meiryo, Arial, Verdana, Helvetica, “MS Pゴシック”;
以下のサイトで推奨しているもの
★CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
font-family:
font-family:’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,'メイリオ’,Meiryo,’MS Pゴシック’,sans-serif;
上記サイトで優先順位がはっきりしたので、更なる検証をする。
英文フォントを削除したらフォントが小さくなった
(推測:Verdana等の英文フォントが基準になっているということ?)
font-family
:”ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “Osaka”, “メイリオ”, Meiryo, “MS Pゴシック” ,sans-serif;
英文フォントを一つずつ試したところ、Verdanaが見栄えのいい感じ。
以下のサイトで推奨しているもの(Verdana好きの人)
font-family :
Verdana,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,osaka,’メイリオ’,Meiryo,’MS Pゴシック’,'MS PGothic’,sans-serif;
↑
一番見栄えがよかったし、まとまっているのでこれ採用!!
Home > アーカイブ > 2007-12











