jQueryを使って、フォントの比較(見え方の確認)です。欧文フォントはGoogleフォントAPIを利用しています。日本語フォントはWindows、Macのそれぞれのシステム標準フォントです。また、MacでMS Officeなどが入っている場合は、メイリオやMS Pゴシックも利用できます。游ゴシックは、CSSの指定の際のフォント名がWindowsとMacでやや異なるため、「Yu Gothic」がWindows用、「YuGothic」がMac用になっています。
使い方:「Type your text...」に比較したいテキストを入力し、下側のラジオボタンからfont-family名を選んで「Check this font」をクリックします。右端に選んだfont-family名を表示し、PC内に指定フォントがあれば、テキストに反映します。
フォントの比較(見え方の確認)