css實現網頁呼叫伺服器端字型

2021-06-01 00:02:41 字數 1170 閱讀 3543

使用@font-face呼叫伺服器端字型的**,我們先來看看css2手冊中是怎麼定義的:

以下是**片段:[www.xlnv.net]

語法: 

@font-face  

說明: 

name :  字型名稱 

url :  使用絕對或相對位址指定opentype字型 

srules :  樣式表定義 

設定嵌入html文件的字型。 

嵌入html文件的字型是指將opentype字型(壓縮的truetype字型)檔案對映到客戶端系統,用來提供html文件使用該字型,或取代客戶端系統已有的同名字型。 

示例: 

@font-face  

web 設計中有幾種字型是比較安全的,如 arial,helvetica, verdana, georgia, comic sans (中文的,一般來說宋體是唯一安全的 - 譯者),現在,使用 css2 的 @font-face 可以自己指定字型,不過因為牽扯到版權問題,實際能用的字型也是有限的 (另外,體積龐大的中文字型也是乙個不好解決的問題 - 譯者)。

以下是**片段:[www.xlnv.net]

語法如下: 

@font-face

支援的瀏覽器: firefox 3.1, safari, opera 10 and ie7 (需要一番周折,如果你不怕麻煩,可以在 ie 實現這個功能,請參考: make font-face work in ie ) 

上面提到的這些功能已經可以在部分瀏覽器中使用了,尤其是 safari。不幸的是,safari 並非主流瀏覽器。

firefox 目前擁有大量使用者基礎,另外,即將推出的 firefox 3.1 支援不少 css3 效果,因為 firefox 使用者的公升級積極性很高,因此,會有不少使用者可以提前體驗 css3 的新功能。

google chrome 今年剛剛發布,它基於 webkit 引擎,因此和 safari 很相似,因為 safari 主要用於 mac 市場,chrome 可以正好彌補 windows 市場的空缺。

根據統計資料,2023年11月止,44.2% 的使用者使用 firefox, 3.1% 使用 chrome, 2.7% 使用 safari,意味著 css3 的部分功能已經可以支援近半 internet 使用者,而在 web 設計圈子,這個比例可能更高,大約有 73.6% (blog.spoongraphics 提供的資料)

伺服器端字型和iconfont

1 伺服器端字型 在css3之前,頁面文字所使用的字型必須已經在客戶端中被安裝才能正常顯示,在樣式表中允許指定當前字型不能正常顯示時使用的替代字型,但是如果這個替代字型在客戶端中也沒有安裝時,使用這個字型的文字就不能正常顯示了。為了解決這個問題,在css3中,新增了web fonts功能,網頁中可以...

fms伺服器端呼叫客戶端

la server呼叫client端 要把函式定義到nc上!mync new netconnection mync.onstatus function info mync.connect rtmp localhost connect mync.msgfromserver function msg m...

font face屬性和伺服器端字型

1.font face屬性的使用方法 font face ps 2.可以使用的字型檔案格式 字型格式 字型屬性 otfopentype ttftruetype eotembedded opentype 3.例子 1.概念在定義字型的時候,可以把字型定義成斜體或則粗體,在使用伺服器端字型時,需要根據時...