伺服器端字型和iconfont

2021-08-20 10:14:12 字數 680 閱讀 9567

1、伺服器端字型

在css3之前,頁面文字所使用的字型必須已經在客戶端中被安裝才能正常顯示,在樣式表中允許指定當前字型不能正常顯示時使用的替代字型,但是如果這個替代字型在客戶端中也沒有安裝時,使用這個字型的文字就不能正常顯示了。

為了解決這個問題,在css3中,新增了web fonts功能,網頁中可以使用安裝在伺服器端的字型,只要某個字型在伺服器端已經安裝,網頁中就能正常顯示了。

語法:@font-face 說明:

@font-face

div

webfont用來宣告使用服務端的字型。

format用來宣告字型檔案的格式,可以省略檔案格式的宣告而單獨使用src屬性值。

字型檔案的格式有opentype與truetype,前者的屬性值為opentype,後者的屬性值為truetype;前者的擴充套件名為.otf

後者的為.ttf

2、iconfont

什麼是iconfont?

我們現在通常所指的iconfont,是用字型檔案取代檔案,來展示圖示、特殊字型等元素的方法。

引入:

伺服器端字型和iconfont CSS3新增屬性

1.伺服器端字型 語法 font face font face divwebfon宣告使用服務端字型 format宣告字型檔案的格式 css3新增屬性 1.背景屬性 background clip border box 背景被裁剪到邊框盒 padding box 背景被裁剪到內邊距框 content...

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

使用 font face呼叫伺服器端字型的 我們先來看看css2手冊中是怎麼定義的 以下是 片段 www.xlnv.net 語法 font face 說明 name 字型名稱 url 使用絕對或相對位址指定opentype字型 srules 樣式表定義 設定嵌入html文件的字型。嵌入html文件的...

font face屬性和伺服器端字型

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