8.1からは、游書体の游明朝体と游ゴシック体が標準インストールされています。Xの標準書体であるヒラギノシリーズの制作・監修を担当した有限会社字游工房が制作した書体で、2010年に全ファミリーが完成しています。Phone7.5の日本語のシステムフォントとして、iOSではiBooks3.0のアプリ専用フォントとしても利用されています。字游工房_游書体ライブラリー_游明朝体ファミリーより游明朝体ファミリーは「時代小説が組めるような明朝体」をキーワードに、単行本や文庫などで小説を組むことを目的に開発した游明朝体Rを核とした明朝体ファミリーです。文字の大きさの揃った現代的な明るい漢字と、伝統的な字形を生かしたスタンダードなかなの組み合わせは、これまでの明朝体とは違う、游明朝体の大きな特徴です。字游工房_游書体ライブラリー_游ゴシック体ファミリーより游ゴシック体ファミリーは、游明朝体と一緒に使うことを想定して開発された、スタンダードな角ゴシック体ファミリーです。フトコロがせまい漢字と、伝統的なスタイルを持ったすこし小さなかなの組み合わせが、このファミリーの大きな特徴です。font-familyで指定する游明朝体と游ゴシック体の游書体をWebで利用するには、font-familyで指定することで可能です。WindowsとMacとで表記が異なります。Gothic'と半角スペースが存在し、MacではYuGothicと英文字ファミリ名に半角スペースは存在しません。OSによる認識の違いを考慮すると、上記のように指定をする必要があります。英文字ファミリ名に半角スペースは存在しません。游ゴシックとともにfont-weightが400以下で指定されている場合、Windowsでは細くかすれた状態で表示される問題があります。このような問題が起きるのかといいますと、次の表を確認してもらうとわかりやすいのですが、WindowsとMacではインストールされているフォントの種類が違うために起こってしまいます。游ゴシックとともにfont-weightが400以下で指定されている場合、Windowsでは游ゴシックのRegularやLightが適用されることになり、これが細くかすれた状態で表示される原因となっています。解決法この問題を解決する方法は、仔細に説明をしますとかなり回りくどくなってしまいますので、本稿では結論のみで割愛をいたしますが、次の解決コードに至るまでの詳しい経緯を知りたい方は、モダン日本語フォント指定をご一読ください。*/sans-serif;}游ゴシックの問題を取り上げましたが、ちなみに游明朝の場合も、font-weight:500;が指定されている場合に、游ゴシックと同様にWindowsとMacでインストールされているフォントの種類が厳密には違うことによって太さが違った見え方をする問題があります。これは、font-weight:500;を使わなければ回避できる問題ですので、その点にだけ気をつけると良いでしょう。APICSSで計算式を可能にするcalc()ファンクションContactWeb制作に関するご相談、お気軽にお問い合わせください。/WebデザイナーContactSubscribeTwitterFacebookGoogle+。