スペースを含むフォント名を指定するときは、引用符をつける必要があるが、それ以外はつける必要がないという初心者がよくハマる罠があるが、serif、sans-serifなどを指定する際にそのミスを見たことがないのはなぜか?
それは、sans-serif、serifが総称フォントと呼ばれるものだから。
これを引用符で囲ってしまうと正しく機能しないためである。
総称フォントには下記のようなものがある。
/* 明朝体 */
font-family: serif;
/* ゴシック体 */
font-family: sans-serif;
/* 明朝体・草書体のフォント */
font-family: cursive;
/* 装飾的なフォント */
font-family: fantasy;
/* 等幅フォント */
font-family: monospace;