サーバー上にあるフォントを指定するには、「@font-face」を使います。
@font-face {
font-family:SampleFont;
src=url('Quicksand_Light_Oblique.otf') format('OpenType');
}
font-familyにはCSS内で使う任意のフォント名を指定します。CSS内で一意であれば「ABCDEFont」とかでも何でも良いと思います。
srcにサーバー上にあるフォント名を指定し、formatに「TrueType」「OpenType」「Embedded OpenType」のいずれかを指定します。それぞれどのformatに当てはまるかは、フォントの説明を見る必要がありますが、通常はフォントファイルの拡張子が「ttf」（TrueType）「ttf/otf/ttc」（OpenType）「eot」（Embedded OpenType）になります。
この文字は、サーバー上にあるQuicksand_Light_Obliqueフォントを使用しています。
<style type="text/css">
@font-face {
font-family:SampleFont;
src=url('Quicksand_Light_Oblique.otf') format('OpenType');
}
body {
font-size:20px;
font-family:SampleFont;
}
</style>
<body>
この文字は、サーバー上にあるQuicksand_Light_Obliqueフォントを使用しています。
</body>
0 件のコメント:
コメントを投稿