@ fontface：表示它與您選擇的字體，使用WebFonts

今年的CSS完成10年內存在！ 那些已經出現了一段時間，贏得他們的麵包（或不）使用CSS，那麼您可能已經知道我們如何挨餓的字體很好的選擇。 即使像那些缺少的字體設計師CSS禪意花園已使用CSS背景圖片，字體，以取代他們的設計做一些正義的追求。 我們也嘗試過的閃存/ JavaScript®黑客來實現我們的設計目標。 這絕不是一種錯誤的方式來獲得，我們希望把我們的網頁設計的字體，但肯定的是，它是不是最可取的辦法。 多年來網頁設計師，像我一樣，已經完全依賴於十年或為他們設計的字體。

Web標準和字體格式最近的事態發展使人們有可能比其他同舊的默認字體在字體渲染HTML文本。 進來“fontface”的CSS decleration。

@ fontface provids鏈接到實際的字體文件，並從網上檢索的解決方案。 使用@ fontface，設計者可以使用，無需凍結作為背景圖片的文字字體。 實施是非常簡單，如下所示，但一切美好的事物有一個反面的一部分，不是所有的瀏覽器支持一個單一的“ 字體類型 ”。 如果您正計劃在網站中使用@ fontface需要跨瀏覽器支持，那麼你將有來源提供各種相同的字體類型。

  1. TrueType字體 -設計很好看屏幕上的一個格式。 推薦，特別是對Windows瀏覽器（瀏覽器）。
  2. 的OpenType（CFF） -此格式是更好的打印工作，並且不總是看Windows上良好。
  3. 橋式 -你需要這種格式，如果你想針對Internet Explorer的。 IE瀏覽器將不使用任何其他格式。 我們的EOT將被視為“精簡版”，因為它們既不是壓縮，也不域限制。
  4. SVG的 -這是一個XML格式的一些瀏覽器支持包括iPhone。
  5. WOFF -跨瀏覽器，僅在網站上的字體格式是輕量級（字體數據是zip壓縮），可以使用TrueType或PostScript的（CFF）概述編譯。 它是目前支持由Firefox 3.6 +。

使用@ fontface 

 @字體面{字體家庭：“CalligraphyFLFRegular”; SRC：URL（CalligraphyFLF.eot“）; SRC：本地（”CalligraphyFLF），本地（“CalligraphyFLF）URL（CalligraphyFLF.woff）格式（ “WOFF”），URL（CalligraphyFLF.ttf“）格式（TrueType字體”），URL（'CalligraphyFLF.svg＃CalligraphyFLF）格式（SVG）;} @ font-face的字體家庭：“你的字體“; SRC：URL（”字體/ font_filename.eot“）; SRC：本地（”備用名稱“），當地（”Alternatename“），網址（”字體/ font_filename.woff“）格式（WOFF”），網址（“字體/ font_filename.otf”）“的OpenType格式（”），網址（“字體/ font_filename.svg的＃font_filename”）的格式（“SVG”）;} H2 {字體家庭：“你的字體”，格魯吉亞，襯線;}

正如你可以看到從上面的例子，包括選擇字體的字樣，具有相同的字體，一組fonttypes鏈接。 因此人們稱其為“字體工具包”。
有字體套件，明確允許使用CSS @ font-face的財產，根據最終用戶許可協議（EULA）連接。

有用WebFont資源：

標籤： ，

此項目被張貼在3月13日（星期六），3:01 pmand下CSS。 您可以按照任何反應，這種通過RSS 2.0飼料入口。 你可以留下回應 ，或TRACKBACK從您自己的網站。

發表評論

NDK的家 | 表達它 表示唇齶裂 表示Penmenship 表示敬畏 表達自己