CSS3中的@font-face功能可以让我们拜托用户终端对字体的限制,因为我们可以用该属性来我们存放于服务器中的相关字体下载到用户终端;

    通常,我们需要设置两个值,一个是font-family,即给字体命名;另一个是URL,即字体存放的位置;

    目前,主流浏览器支持两种字体格式,ttf和otf;

    实例如下:

<style> 
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9+ */
}

div
{
font-family:myFirstFont;
}
</style>