以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。 使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。 当你找到要使用的字体文件时，只需简单地将字体文件包含在网站中，它会自动下载给需要的用户。 您“自己的”字体是在 CSS3 @font-face 规则中定义的。 在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。 URL请使用小写字母的字体名称，大写字母在IE中会产生意外的结果。
<style>
@font-face {
font-family: myFirstFont;
src: url('Sansation_Light.ttf')
,url('Sansation_Light.eot'); /* IE9 */
}
div {
font-family:myFirstFont;
}
</style>
</head>
<body>
<p><b>注意:</b> Internet Explorer 9 只支持 .eot 格式的字体.</p>
<div>使用 CSS3，网站终于可以使用预设“合法”字体以外的字体</div>
</body>
Code language: HTML, XML (xml)