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内に指定フォントがあれば、テキストに反映します。

FontSelector

フォントの比較(見え方の確認)





※引用と参考;http://codepen.io/valentin-dev/pen/NgOEOv
戻るボタン