7. @font-face屬性
盡管是最被期待的CSS3 特性 (甚至它在CSS2中就已經(jīng)被引入了)， @font-face在網(wǎng)站上仍然沒有像其它CSS3屬性那樣被廣泛采用.這主要因?yàn)樽煮w授權(quán)和版權(quán)問題：嵌入的字體很容易從網(wǎng)站上下載到，這是字體廠商的主要顧慮。
盡管如此，授權(quán)我呢提貌似已經(jīng)開始解決了。TypeKit 承諾將制定一個(gè)方案，以使設(shè)計(jì)師和字體廠商更容易的統(tǒng)一授權(quán)問題，這將顯著的充實(shí)網(wǎng)站設(shè)計(jì)中的排版并使@font-face 屬性在實(shí)際工作中可用。
Mozilla實(shí)驗(yàn)室JetPack 網(wǎng)站采用font-face規(guī)則來使用DroidSans 字體。
少數(shù)使用該屬性的網(wǎng)站之一是新上線的JetPack MozillaLabs. @font-face{
font-family: 'DroidSans';
src: url('../fonts/DroidSans.ttf') format('truetype');
} 要想在你的網(wǎng)站中使用嵌入字體，你必須獨(dú)立的生命每個(gè)樣式(比如， normal, bold 和italic)。請確保只使用被授權(quán)為使用到網(wǎng)站的字體并在需要的時(shí)候給字體的設(shè)計(jì)師一些表揚(yáng)。
在定義了@font-face 規(guī)則之后，你就可以用普通的font-family 屬性來引用該字體了： p {
font-family: "DroidSans";
} 如果一個(gè)瀏覽器不支持@font-face，它將使用font-family(CSS 字體庫)屬性中指定的下一個(gè)字體。對支持的瀏覽器來說，如果@font-face 字體是一個(gè)奢侈品（只有少數(shù)元素用到），這對一些網(wǎng)站是可行的；但是如果該字體在設(shè)計(jì)中占有一個(gè)主要的角色或者是公司的視覺特征的一部分，你就可能想使用 其它的解決方案，比如sIFR 或Cufón。盡管如此，請記住，這些工具對標(biāo)題或較短的文字更適合，復(fù)制和粘貼此類內(nèi)容比較困難而且對用戶并不友好。
在網(wǎng)站中使用此類字體不是很好嗎？Dave Shea 使用Cufón 和Museo Sans來做的實(shí)驗(yàn)。很漂亮！
瀏覽器支持: @font-face 被Safari 3.1+和chrome支持。Internet Explorer 支持EOT 字體。 Opera 10 和Firefox 3.5 將會支持它。
擴(kuò)展閱讀：
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 文字陰影 下一頁 圓角(邊框半徑)
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 7 頁 @font-face屬性
