see more 2007-12 - ponnao-clip

Home > アーカイブ > 2007-12

2007-12

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ピクセルになります。

参考:タイプの定義

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

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

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

MESSAGE
3月11日の東北地方太平洋地震で
被災された方、親しい方が被災された方に、
心よりお見舞いを申し上げるとともに、
被災地の一日も早い復興を
心よりお祈りいたしております。
PROFILE

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


A RELATED SITE
くまのがっこうブログパーツ
TODAY’S COLOPLA COLONY
FAVORITE SHOP
RECOMMEND COMIC
【送料無料】しろくまカフェメロン味!

【送料無料】しろくまカフェメロン味!
価格:680円(税込、送料別)

【送料無料】なのはな

【送料無料】なのはな
価格:1,200円(税込、送料別)

【送料無料】昭和元禄落語心中(1)

【送料無料】昭和元禄落語心中(1)
価格:590円(税込、送料別)

【送料無料】テルマエ・ロマエ(4)

【送料無料】テルマエ・ロマエ(4)
価格:714円(税込、送料別)

TWITTER
POPULAR ENTRY
BOOKLOG

PONNAO’S RAKUTEN FAVORITE

YOUR’S RAKUTEN FAVORITE

Return to page top