在網(wǎng)頁(yè)中使用 @font-face 規(guī)則嵌入字體，前提是可以從你的網(wǎng)站或第三方 Web 服務(wù)器下載到相應(yīng)的字體。以這種方式提供的字體，會(huì)在使用該字體的頁(yè)面第一次加載時(shí)被瀏覽器下載并緩存起來(lái)，以后就不用下載了。但是，除了顯示網(wǎng)頁(yè)之外，用戶不能將這種字體用于其他用途。下面就是 Font Squirrel為 Ubuntu Titling Bold字體生成的 @font-face 代碼。對(duì)于其他來(lái)源的字體，這種格式也是適用的。

@font-face {font-family:'UbuntuTitlingBold';/*這就是將來(lái)在字體棧中引用的字體族的名字*/src: url('UbuntuTitling-Bold-webfont.eot'); /* IE9*/src: url('UbuntuTitling-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('UbuntuTitling-Bold-webfont.woff') format('woff'), /* chrome, firefox */url('UbuntuTitling-Bold-webfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/url('UbuntuTitling-Bold-webfont.svg#UbuntuTitlingBold') format('svg'); /* iOS 4.1- */font-weight: normal;font-style: normal; }

　　

轉(zhuǎn)載于:https://www.cnblogs.com/luyuefeng/p/8510418.html

總結(jié)

以上是生活随笔為你收集整理的打包的@font-face包的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。