ファミリー(family)とは、複数のウェイトやイタリック体などのスタイルを含む、同じデザインで統一された書体のグループをいいます。たとえばHelvetica Neueやメイリオなどがファミリーにあたります。ファミリーによって書体の構成は様々で、数十のウェイトやスタイルからなるものもあれば、ひとつのスタイルしか持たないものもあります。
CSSでファミリーを指定するにはfont-family
プロパティを利用します。font-family
の値はカンマ区切りで複数指定できます。またフォントのスタイルはfont-style
、ウェイトはfont-weight
で指定します。
h1 {
font-family: "Helvetica Neue", "Arial", sans-serif;
font-style: italic;
font-weight: 700;
}
上記コード例では、まずHelvetica Neueが利用できれば(ユーザーの環境にインストールされていれば)優先され、もしなければ第二候補のArial、それもなければ何らかのサンセリフ体が適用されることになります。さらにfont-style
プロパティとfont-weight
プロパティにより、選択されたファミリーの中でウェイト700のイタリック体を指定してます。