經過css實現網頁調用服務器端字體

經過css實現網頁調用服務器端字體

 

使用@font-face調用服務器端字體的代碼,咱們先來看看css2手冊中是怎麼定義的：
如下是代碼片斷：
語法：

@font-face { font-family : name ; src : url( url ) ; sRules }

說明：

name : 　字體名稱
url : 　使用絕對或相對地址指定OpenType字體
sRules : 　樣式表定義

設置嵌入HTML文檔的字體。
嵌入HTML文檔的字體是指將OpenType字體（壓縮的TrueType字體）文件映射到客戶端系統，用來提供HTML文檔使用該字體，或取代客戶端系統已有的同名字體。

示例：

@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }

Web 設計中有幾種字體是比較安全的，如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的，通常來講宋體是惟一安全的 – 譯者)，如今，使用 CSS2 的 @font-face 能夠本身指定字體，不過由於牽扯到版權問題，實際能用的字體也是有限的 (另外，體積龐大的中文字體也是一個很差解決的問題 – 譯者)。

url 地址必須指向 OpenType 字體文件(.eot或.ote)。此文件包含能夠 轉換爲 TrueType 字體的壓縮字體數據，能夠用來提供HTML文檔使用該字體，或取代客戶端系統已有的同名字體。此文件能夠使 用 Microsoft WEFT 工具製做。