フォント設定

フォントの設定は、極力アンチエイリアスのきくフォントにする。現在の設定は以下のとおり。

/* Font set */
body{
	font-family: 'Segoe UI', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
pre, code, kbd, samp, textarea, select, option, input, var{
	font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
}

/* Japanese */
:lang(ja) body, :lang(ja) .ui-widget{
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Mincho Pro W3', Osaka, 'MSP ゴシック' !important;
}
:lang(ja) pre,
:lang(ja) code,
:lang(ja) kbd,
:lang(ja) samp,
:lang(ja) textarea,
:lang(ja) select,
:lang(ja) option,
:lang(ja) input,
:lang(ja) var{
	font-family: 'Osaka−等幅', 'MS ゴシック', 'MS Gothic' !important;
}

/* Korean */
:lang(ko)	{
	font-family: 'AppleGothic', 'Malgun Gothic', '맑은 고딕', Gulim, Dotum, AppleGothic !important;
}
:lang(ko) pre,
:lang(ko) code,
:lang(ko) kbd,
:lang(ko) samp,
:lang(ko) textarea,
:lang(ko) select,
:lang(ko) option,
:lang(ko) input,
:lang(ko) var{
	font-family: GulimChe !important;
}

/*  Chinese */
:lang(zh)	{
	font-family: 'Hiragino Sans GB W3', 'STHeiti', 'Apple LiGothic Medium', 'Microsoft YaHei', 'Microsoft JhengHei', '華康超黑體', '華康新特黑體', '華康粗黑體' !important;
}
:lang(zh) pre,
:lang(zh) code,
:lang(zh) kbd,
:lang(zh) samp,
:lang(zh) textarea,
:lang(zh) select,
:lang(zh) option,
:lang(zh) input,
:lang(zh) var{
	font-family: 'SimHei', '蒙納黑體', monospace !important;
}

/* for Print font */
@media print{
	body {
		font-family: "Lucida Bright", Century, "Times New Roman", serif;
	}
	:lang(ja) body {
		font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro W3', "平成明朝", 'MS P明朝', 'MS PMincho', serif !important;
	}
	:lang(zh) body {
		font-family: 'Apple LiSung Light', 'STHeiti Light', 'PMingLiU', 'KaiTi', serif !important;
	}
	:lang(ko) body{
		font-family: '바탕체', Batang, serif !important;
	}
}

なお、メイリオフォントや、微軟雅黒、맑은 고딕フォントは、イタリック表示ができない。このため、CSS3のtransformを使って実装する。

/* Fix italic font */
i, em, cite, q{
	font-style: normal;
	transform: skewX(-15deg);
}
.gecko i, .gecko em, .gecko cite, .gecko q{
	-moz-transform: skewX(-15deg);
}
.ie i, .ie em, .ie cite, .ie q{
	-ms-transform: skewX(-15deg);
}
.presto i, .presto em, .presto cite, .presto q{
	-o-transform: skewX(-15deg);
}
.webkit i, .webkit em, .webkit cite, .webkit q{
	-webkit-transform: skewX(-15deg);
}

しかし、これだと、古いIEでイタリック表示にならない。ここは仕方が無いので、MSゴシックを指定する。

/* Italic font fix for legacy IE */
.ie6 i, .ie6 em, .ie6 cite, .ie7 i, .ie7 em, .ie7 cite, .ie8 i, .ie8 em, .ie8 cite{
	font-family: 'MS PGothic', suns-serif;
	font-style: italic;
}