Skip to content

Latest commit

 

History

History
executable file
·
26 lines (18 loc) · 1.52 KB

family.md

File metadata and controls

executable file
·
26 lines (18 loc) · 1.52 KB

ファミリー

ファミリー(family)とは、複数のウェイトやイタリック体などのスタイルを含む、同じデザインで統一された書体のグループをいいます。たとえばHelvetica Neueやメイリオなどがファミリーにあたります。ファミリーによって書体の構成は様々で、数十のウェイトやスタイルからなるものもあれば、ひとつのスタイルしか持たないものもあります。

Noto Sansのファミリーのバリエーションの一部

実践

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のイタリック体を指定してます。

関連項目