W3G

游ゴシック体の場合

.sample{
	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
}

英文字ファミリの場合、Windowsでは'Yu Gothic'と半角スペースが存在し、MacではYuGothicと英文字ファミリ名に半角スペースは存在しません。

OSによる認識の違いを考慮すると、上記のように指定をする必要があります。

游明朝体の場合

.sample{
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}

游ゴシック体の場合と同様ですが、英文字ファミリの場合、Windowsでは'Yu Mincho'と半角スペースが存在し、MacではYuMincho と英文字ファミリ名に半角スペースは存在しません。

解決法

この問題を解決する方法は、仔細に説明をしますとかなり回りくどくなってしまいますので、本稿では結論のみで割愛をいたしますが、次の解決コードに至るまでの詳しい経緯を知りたい方は、モダン日本語フォント指定をご一読ください。

@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local('YuGothic-Medium'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic Medium'),     /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	local('YuGothic-Regular');     /* 游ゴシックMediumが存在しないWindows8.1用 */
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local('YuGothic-Bold'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}
.sample{
	font-family :
	MyYuGothicM, /* Windows調整用 */
	YuGothic,    /* Mac用 */
	sans-serif;
}