@font-face

  • [アーティクル]
@font-face @font-face *
*前のトピック: font
*次のトピック: font-family

@font-face

解説

HTMLドキュメントに組み込むフォントを指定する。

この機能によってローカルシステムにはないフォントを使うことができる。URLはOpenTypeファイル(.eot または .ote フォーマット)を指定すること。このファイルにはTrueTypeに変換できる圧縮されたフォントデータが含まれている。フォントの埋め込み機能や.eotファイルの作成ツールについてはフォントの埋め込みを参照すること。

構文

@font-face {font-family: font-family, src url(URL);}

例

次の例は、他のサイトを参照してフォントを組み込む方法を示している。 

<html>
<head>
<style>
@font-face {font-family:comic; src:url(http://valid_url/some_font_file.eot);}
</style>
<title>@font-faceを使ったフォントの組み込み</title&gt;
</head>
<body>
<p style="font-family:comic;font-size:18pt">This line uses @font-face defined in the above style element section using comic sans ms bold in 18pt.</p>
</body>
</html>

Up トップに戻る
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.