格式：

?

• TureTpe(.ttf)格式：

  .ttf字體是Windows和Mac的最常見的字體，是一種RAW格式，因此他不為網站優化,支持這種字體的瀏覽器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】

• OpenType(.otf)格式：

  .otf字體被認為是一種原始的字體格式，其內置在TureType的基礎上，所以也提供了更多的功能,支持這種字體的瀏覽器有【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】

• Web Open Font Format(.woff)格式：

  .woff字體是Web字體中最佳格式，他是一個開放的TrueType/OpenType的壓縮版本，同時也支持元數據包的分離,支持這種字體的瀏覽器有【IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+】

• Embedded Open Type(.eot)格式：

  .eot字體是IE專用字體，可以從TrueType創建此格式字體,支持這種字體的瀏覽器有【IE4+】

• SVG(.svg)格式：

  .svg字體是基于SVG字體渲染的一種格式,支持這種字體的瀏覽器有【Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+】格式：

?

?

使用：

　　　　

網站及工具推薦：

• 　　http://www.dafont.com/ ? ?免費下載字體

?

• Adobe IIIustrator + asiafont studio 制作ttf字體

?

• https://www.fontsquirrel.com/tools/webfont-generator 轉換字體格式生成兼容代碼及兼容字體文件（如圖勾選即可，實現上傳與下載）

? ? ? ? ? ?1.包含woff,eot,svg,ttf多種樣式的字體，滿足瀏覽器兼容需要

? ? ? ? ? ?2.stylesheet.css中有自動生成的@font-face代碼

?

? ? ? ? ? ? ? ? ? ??

轉載于:https://www.cnblogs.com/guoshiyv/p/7395338.html

總結

以上是生活随笔為你收集整理的@font-face 使用过程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。