對于一個出色的網頁,字體的選擇是相對關鍵的,無奈設計師必須考慮用戶的本地端是否有相應的字體,因此設計常常只能使用一些較為大眾化的常見字體,而舍棄更加適合的字體。在 CSS3 中,這一情況將可以改變。CSS3 中引入了 font-face(嵌入字體類型),實驗 font-face 可以把需要的字體上傳到自己的服務器,再在服務器的網頁中使用該字體并顯示出來,無論瀏覽網頁的用戶的本地端是否有該字體。
語法:
取值:
name  : 字體名稱。任何可能的 font-family 屬性的值 
url ( url )  : 使用絕對或相對 url 地址指定OpenType字體文件 
sRules  : 樣式表定義 
說明:
設置嵌入HTML文檔的字體。此規則無默認值。
此規則使你能夠在網頁上使用客戶端本地系統上可能沒有的字體。 url 地址必須指向 OpenType 字體文件(.eot或.ote)。此文件包含可以轉換為 TrueType 字體的壓縮字體數據,可以用來提供HTML文檔使用該字體,或取代客戶端系統已有的同名字體。
示例:
例如下面的效果:
使用 @font-face 定義字體所需要的文件,為了兼容各個瀏覽器,需要使用多種不同的字體格式,建議至少要有 .eot 和 .ttf 兩種格式,.eot 用于 IE5+ ,.ttf 用于 Chrome 等現代瀏覽器,另外 .otf 也是不錯的選擇,也可以用于現代瀏覽器。
新聞熱點
疑難解答