CSS3 字體

@font-face是CSS3中的一個模組，它主要是把自己定義的Web字體嵌入到你的網頁中，隨著@font-face模組的出現，我們在Web的開發中使用字體就不用再為只能使用Web安全字體煩惱了！一定會有人問，這樣的東西IE能支持嗎？我告訴大家@font-face這個功能其實早在IE4就支援了，你一定會感到驚訝。如果你看到一些英文網站或blog看到一些很漂亮的自訂Web字體，比如說首頁的Logo，Tags以及頁面中的手寫英文體，一句話這些都是@font-face實現的。

首先我們一起來看看@font-face的語法規則：

@font- face {

[font-family: ;]?

[src: [ [format(#)]? | < font-face-name> ]#;]?

[unicode-range: #;]?

[font-variant: ;]?

[font-feature-settings: normal|#;]?

[font-stretch: ;]?

[font-weight: ];

[font-style:

注意: 需要引入外部字体文件显示效果。