CSS基礎

font-familyの指定

font-familyとは表示される文字フォントの指定です。
基本的には表示させたいフォント（綺麗なフォント）から順に指定してきます。
初期設定で使われる標準フォントはPCやOSのバージョンによって違うので、確実に同じフォントで表示させたい場合はそれを加味したフォント指定を行いましょう。

游書体

游書体はWindows 8.1以降のWindowsおよび、OS X Mavericks以降のMacにバンドルされている、比較的新しいフォントです。
WindowsとMacの両方にインストールされている為、ようやくシステム標準のフォントで OS 間の差異がなくなるか、と期待されていましたが、しかし実際はなかなか差異を埋められない状況です。

ゴシック体での指定

font-family:  "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;

明朝体での指定

font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

最新のブラウザーでは英語のみのフォント指定で大丈夫ですが、古いブラウザーでは英語での指定がNGなので日本語での指定も含めています。