@ font-face的是乙個css規則，允許你輸入自己的字型出現在**上，即使在特定的字型在訪問者的計算機上沒有安裝。這條規則程式設計客棧最重要的是，它為設計師開啟了乙個全新的世界。您可以使用任何你喜歡的字型。
為什麼它是真棒
就像我說的，@ font-face的開啟乙個全新的世界。現在，我們能夠以一種全新的方式使用排版。這就是為什麼你看到這麼多獨特的**上的字型排版的網頁設計元素和更高的整合度。
此外，作為乙個解決方案，展示了自定義字型，使用在影象上的文字可以幫助搜尋引擎優化
如何使用@ font-face的
下面的語法是你如何使用@ font-face的。首先，定義新的字型所提供的名稱和說明的字型。
複製**
**如下:
@font-face
然後你引用它。
複製**
**如下:
p 就是這樣。
在前面的例子中使用外部**。但是，如果將字型檔案是在您的伺服器上，那麼你可以參考以下的方式：
複製**
**如下:
@font-face
此外，還有其他三個字型屬性，您應該知道的。首先是font-stretch，您可以設定的字型會被拉伸，「normal』」是預設的。此外，有字型的風格，讓你的字型是斜或斜體。最後，還有字型的重量，最後字型為粗體，等你可以自己設定
複製**
**如下:
@font-face
建議字型渲染是一件棘手的事情 - 尤其是老移動瀏覽器。你應該總是測試，你可以盡可能多的裝置支援。發現問題的速度越快越好。
最後，請記住，使用許多不同的字型可能會減慢你的**需要時間來載入所有這些字型！
瀏覽器的相容性
並非所有的瀏覽器都支援@ font-face的！
目前，@ font-face的支援
firefox
opera
chrome
safari
internet explorer 9
這是你會說他不支援ie9以下的瀏覽器嗎，不用擔心，在舊的瀏覽器使用@ font-face時，不同的瀏覽器支援特定的字型檔案。
ie瀏覽器：eot
mozilla瀏覽器：otf，ttwww.cppcns.comf
safari瀏覽器：otf，ttf，svg
歌劇：otf，ttf，svg
chrome瀏覽器：ttf，svg
@ font-face的資源
font squirrel
font squirrel是乙個很棒的**，你應該非常熟悉。font squirrel是一家集優質商業使用的免費字型供您**。最重要的是，他們有@ font-face的工具包部分和@ font-face的工具包生成器。font squirrel工具包，為您提供不同的字型型別，你需要支援的每乙個瀏xdtwqh覽器。
@ font-face的工具包font squirrel的套件部分是現成的工具包，其中包括多種字型格式，css和html**的集合。所有你必須做的是選擇乙個字型，**工具包，並複製**。這是簡單，。最重要的是，他們有乙個很大的選擇充滿了巨大的字型。
@ font-face的工具包生成器
另一方面，你有工具包生成器，您上傳您自己的字型，它為您提供了所需的所有**。因為它創造了乙個新的工具包為您的字型。所有你必須做的就是**新的套件，並複製**到您的**。它也就是這麼簡單。然而，當使用自己的字型，請確保您有權利使用它- 不是所有的字型版權允許
谷歌字型
谷歌字型是谷歌的api，你必須選擇在您的**中使用的字型的集合。所有的字型都是免費的，開放原始碼的。他們的選擇是相當大的，包括許多偉大的字型。此外，您還可以自由選擇你喜歡的。一旦你選擇了你的字型，你給出的**片段，將其貼上到您的**。谷歌允許您選擇不同的**，如將css匯入到您的
標籤。當談到谷歌的字型，那肯定是乙個易於使用的服務。有一件事是你要知道的：它會告訴你你所選擇的字型對您的**的載入時間的負載。
typekit
typekit是另一種服務，有字型的集合 - 儘管他們是一種有償服務。他們一直致力於使@ font-face的更容易實現。他們的**似乎是公平的，很多人使用它，因為他們有乙個巨集偉的集合偉大的字型供您使用。有沒有授權你不用擔心，如果你使用他們的服務 - 他們為你照顧。他們還與許多字型製造商合作，為您提供最新，最好的字型。
本文標題: 什麼是@font-face及font-face如何在css中使用
本文位址: /web/css/80395.html
什麼是CSS hack及寫法。
由於不同的瀏覽器，比如internet explorer 6,internet explorer 7,mozilla firefox等，對css的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的css，讓它能夠同時相容不同的瀏覽...
什麼是CSS hack及寫法。
什麼是css hack 由於不同的瀏覽器，比如internet explorer 6,internet explorer 7,mozilla firefox等，對css的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的css，讓...
什麼是GDT，LDT，GDTR及LDTR？
1 全域性描述符表gdt global descriptor table 在整個系統中，全域性描述符表gdt只有一張 乙個處理器對應乙個gdt gdt可以被放在記憶體的任何位置，但cpu必須知道gdt的入口，也就是基位址放在 intel的設計者門提供了乙個暫存器gdtr用來存放gdt的入口位址，程式...