CSS3 チュートリアル

CSS3 リファレンス

Specify a font named "myFirstFont", and specify the URL where it can be found:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE */
}

@font-face rule is supported in all major browsers.

Internet Explorer only supports .eot type fonts.

Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts.

With the @font-face rule, web designers do no longer have to use one of the "web-safe" fonts.

Make a font-face rule by giving the font a name:

Include a font file somewhere on your server, and refer to it with CSS:

If the font file is located at a different domain, use a full URL instead:

Now the font is ready to use, below is an example of how to use it for all div elements:

div
{
font-family: myFirstFont;
}

@font-face
{
font-properties
}

Font descriptor	Values	説明
font-family	name	必須。Defines the name of the font.
src	URL	必須。Defines the URL(s) where the font should be downloaded from
font-stretch	normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded	任意。Defines how the font should be stretched. Default value is "normal"
font-style	normal italic oblique	任意。Defines how the font should be styled. Default value is "normal"
font-weight	normal bold 100 200 300 400 500 600 700 800 900	任意。Defines the boldness of the font. Default value is "normal"
unicode-range	unicode-range	任意。Defines the range of unicode characters the font supports. Default value is "U+0-10FFFF"