<p class="gothic">これはゴシック体でのfont-family指定です。</p>
<p class="mincho">これは明朝体でのfont-family指定です。</p>
.gothic {
  font-family:'游ゴシック', YuGothic, 'メイリオ', Verdana, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mincho {
  font-family: '游明朝体', 'Yu Mincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ', Meiryo, serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.