font-familyプロパティ

フォントを指定するCSSプロパティです。

使用例

あんこエデュケーションでは2020年6月12日現在、以下のような設定を行っています。

body {
    font-family:"UD デジタル 教科書体 N-R", "BIZ UDゴシック Regular", "Hiragino Kaku Gothic ProN", "ascii";
}

解説

font-familyでは、表示させたいフォント名を列挙できます。
例えば、”UD デジタル 教科書体 N-R”はWindows10では標準でインストールされていますが、他のOSでは標準ではないためフォント自体が入っていないことがあります。その場合、次に記載されている”BIZ UDゴシック Regular”や”Hiragino Kaku Gothic ProN”が参照されます。

具体的なフォント名の指定以外にも、明朝体系のフォントやゴシック体系のフォント、といった指定も可能です。

また、パソコンにインストールされていないフォントであっても、Webフォントという仕組みを使えばWebサイトにフォントを適応することができます。