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

ライン高参考

ライン高 (line-height)
行間を設定します。テキストフィールドに数値を入力し、右にある長いポップアップメニューで単位を選択するか、テキストフィールドは空のままでポップアップメニューから目的のものを選択して下さい。
単位の中にある [複数] は、その要素に設定されているフォントサイズや親要素から継承されているフォントサイズに対する割合です。例えばフォントサイズが10ピクセルのときに、テキストフィールドに2と入力して右のポップアップメニューで [複数] を選択すれば、行間は10×2で20ピクセルになります。

参考:タイプの定義

CSSフォント設定検証

フォント設定について気になってた部分があるので再検証してみた。

今まで使っていたもの(半角数字が小さくて気になる…)

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好きの人)

CSSでのフォント指定、それは戦い。

font-family :
Verdana,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,osaka,’メイリオ’,Meiryo,’MS Pゴシック’,'MS PGothic’,sans-serif;


一番見栄えがよかったし、まとまっているのでこれ採用!!

Home > アーカイブ > 2007-12

PROFILE

横浜在住。
横須賀でWeb制作の仕事をしている
へっぽこ兼業主婦です。
ガチャピン似。
TWITTER
POPULAR ENTRY
BOOKLOG

PONNAO’S RAKUTEN FAVORITE

YOUR’S RAKUTEN FAVORITE
Flickr Recent Photos
100831_171450100828_192850100828_192731100828_192725100828_192707100828_161932100828_135606100828_135418100828_134128100828_133742

Return to page top