従来、Webページのフォントは閲覧するユーザーのPC環境に左右されていました。例えばヒラギノ丸ゴシックなどをfont-familyに指定しても、そのフォントで表示されるのはそのフォントがインストールされているPCだけです。
そのため、Webページで使われるフォントはWindowsやMacにプリインストールされているフォントに絞られ、それ以外のフォントを使うときには画像にする必要がありました。
しかし、CSS3にある@font-faceを使うことでサーバー上にあるフォントを参照し、PC環境に左右されずにフォントを使えるようになりました。

従来、Webページのフォントは閲覧するユーザーのPC環境に左右されていました。例えばヒラギノ丸ゴシックなどをfont-familyに指定しても、そのフォントで表示されるのはそのフォントがインストールされているPCだけです。
そのため、Webページで使われるフォントはWindowsやMacにプリインストールされているフォントに絞られ、それ以外のフォントを使うときには画像にする必要がありました。
しかし、CSS3にある@font-faceを使うことでサーバー上にあるフォントを参照し、PC環境に左右されずにフォントを使えるようになりました。