【CSS】2015年現在のフォント指定の方法!【CSS】2015年現在のフォント指定の方法!2015.06.29CSSfont-familyフォントサイトを制作する上で大事になってくるのが“フォント”になります。サイト内の文章をいかに見やすい文字で表示させるか?が重要になってきます。ちなみにフォントを指定する方法としてはfont-familyがあります。Windowsでいえば、ニュースサイトのような情報系だったらゴシック体だとか、和風な感じを出したいサイトだったら明朝体だとか、キレイめな文字で表示させたかったらメイリオだとか。フォント指定といってもいくつかあるということをまず知識として覚えておくとよいかと思います!そして、PCのOSはWindowsだけではありません。MacのPCを普段から使っている方がサイトを見た時にも、ストレスなく見れるよう配慮することもサイトを制作する上ではとても大事なことになります。まとめゴシック書体まず、ゴシック書体の指定方法を紹介したいと思います。ゴシック体の文字見本は以下になります。あいうえおアイウエオABCDEこのような文字を指定したい場合は以下のようにfont-familyを指定してあげます。続いて明朝書体の指定方法を紹介します。先ほども書いたように、明朝書体は和風系のサイトを制作するとした時に、筆書きのようなフォントで文章を表示させたい時に指定するとよいかと思われます。見本は以下になります。あいうえおアイウエオABCDE上のようにフォントを指定したい場合は以下のようにCSSを指定します。serif;メイリオ続いてメイリオで文章を表示したい時の指定方法を紹介します。ちなみに自分はメイリオで表示した文字が好きなので、当サイトもメイリオでフォント指定しています(^^)メイリオの見本は以下になります。あいうえおアイウエオABCDE上のような文字を指定したい場合は以下のようにCSSを指定してあげましょう。ProNで表示されているという点があります。ProNでMacの場合は表示させています。ヒラギノ丸ゴ最後にヒラギノ丸ゴの指定方法をご紹介します。ヒラギノ丸ゴというと、メイリオに比べて丸みを帯びたフォント...といった感じでしょうか。見本は以下になります。あいうえおアイウエオABCDE上のようなフォントを指定したい場合はfont-familyを以下のように設定しましょう。