本サイトのfont-familyを変更してみた

Read More

このサイトを作った頃はまだXPが現役だったんだけど、もはやそれも過去のものとなった。


以前は"MS Pゴシック"を優先フォントにしていたんだけど、
古いブラウザを切り捨てることができるようになったので改めてCSSを以下のように変更した。


■新しく設定したfont-family
html, body, input, select, textarea, button, p {
	font-family: Verdana, Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
}



htmlとbodyだけではinput要素にfontが適用されないので上記のように設定した。

selectやtextareaなども同じ理由。



今後も他サイトに対して設定することもあるのでメモを兼ねて残しておこう。





--
font-familyを変更したせいでサイトのレイアウトが若干変わった。
ちょっと新鮮な感じ。





へるべちかー





Category "HTML・JS・CSS" の最新記事