1. 程式人生 > >css3 嵌入字體@font-face

css3 嵌入字體@font-face

san rst font-face family 字體 css3 ont color ace

語法:

@font-face {
    font-family : 字體名稱;
    src : 字體文件在服務器上的相對或絕對路徑;
}
通過給服務器嵌入字體,我們就可以在網頁上使用我們想要使用的字體了。
<style> 
@font-face
{
font-family: myFirstFont;
src: url(‘Sansation_Light.ttf‘),
     url(‘Sansation_Light.eot‘); /* IE9+ */
}

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

嵌入字體的粗體類型。

@font-face
{ font-family: myFirstFont; src: url(‘Sansation_Bold.ttf‘), url(‘Sansation_Bold.eot‘); /* IE9+ */ font-weight:bold; }

css3 嵌入字體@font-face