2017年1月18日

ゴシック体以外のフォントで表示

通常、ウェブページの文章はゴシック体で表示されますが、見出しなどにゴシック体以外のフォントを使いたい時があります。ここでは部分的にゴシック体以外のフォントを使う方法を紹介します。

HTML

補足

  • font-mincho クラスを付けると明朝体で表示されます。但し、CSS で指定しているフォントがある場合で、無い時はゴシック体で表示されます。
  • 同様に、英文専用ですが font-sans-seri, font-serif, font-monospace, font-fantasy, font-cursive クラスを付けると、それぞれの書体で表示されます。但し、CSS で指定しているフォントがある場合で、無い場合は同じ系統の書体で表示されます。それも無い場合はゴシック体で表示されるようです。

CSS

サンプル

関連記事