書式
@font-face { ... }
対象
-
継承
-
初期値
-
バージョン
-
対応ブラウザ
Win IE4.0以降
解説
@font-faceによってローカルにはないフォントを読み込んで使用することができます。読み込むフォントファイルのURLはsrcプロパティで指定します。
埋め込むフォントに関しては
マイクロソフトのページを参照してください。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
@font-face { font-family:Sample; src:url(http://www.font.co.jp/Sample.eot); }
p {
font-family:Sample;
}
--></style>
</head>
<body>
<p>@font-faceでローカルにないフォントを指定できます。(このサンプルはダミーで動作しません。指定したURLにフォントがないためです)</p>
</body>
</html>