font face屬性和伺服器端字型

2021-10-06 19:15:36 字數 1998 閱讀 2073

1.@font-face屬性的使用方法

@font-face

ps:

2.可以使用的字型檔案格式

字型格式

字型屬性

otfopentype

ttftruetype

eotembedded-opentype

3.例子

1.概念在定義字型的時候,可以把字型定義成斜體或則粗體,在使用伺服器端字型時,需要根據時斜體還是粗體,使用不同的文字。

2.使用方法

@font-face

/*預設的,沒有進行任何樣式的時候使用字型1這個字型檔案*/

@font-face

/*定義斜體的時候,使用字型2這個字型檔案*/

h1/*未定義任何樣式,會用到字型1這個字型檔案*/

h2/*定義了斜體,會用到字型2這個字型檔案*/

ps:

1.方法

將font-family設定為本地的字型名,然後將src屬性設定為local(『字型』)

2.格式舉例

@font-face

3.舉例

1.font-variant(1)概念:設定文字是否大小寫

(2)取值:

1>normal:使用瀏覽器預設值

2>small-caps:使用小型大寫字母

3>inherit:從父元素繼承

(3)舉例:

2.font-weight(1)概念:設定文體的粗細

(2)取值:

1>normal:使用瀏覽器預設值

2>bold:使用粗體

3>bolder:使用更粗的字型

4>lighter:使用更細的字型

100-900從細字型到粗字型,值必須是100的倍數,其中400等於normal,700等於bold

3.font-stretch(1)概念:設定文字是否橫向的拉伸變形。(ie以及firefox已支援font-stretch,但顯示效果和正常文字並無不同

(2)取值:

1>normal:正常文字寬度

2>wider:把伸展比例設定為更進一步的伸展值

3>narrower:把收縮比例設定為設定為更進一步的收縮值

4>ultra-condensed:比正常文字寬度窄4個基數

5>extra-condensed:比正常文字寬度窄3個基數

6>condensed:比正常文字寬度窄2個基數

7>semi-condensed:比正常文字寬度窄1個基數

8>semi-expanded:比正常文字寬度寬1個基數

9>expanded:比正常文字寬度寬2個基數

10>extra-expanded:比正常文字寬度寬3個基數

C 客戶端和伺服器端

1 c s 客戶端應用程式 winform wpf 平級 資料是存放在其他的電腦上或伺服器上 資料的加工是在使用者的電腦上執行的,會對使用者的電腦配置有所要求 2 b s 網頁端應用程式 asp.net 統稱 asp.net webform asp.net mvc 平級 使用者傳送乙個請求到iis伺...

客戶端AI和伺服器端AI

玩家控制角色的方法除了滑鼠鍵盤實時操作外,還應該新增ai輔助。如自動尋路,自動打怪就是一些簡單實用的ai.ai分客戶端ai和伺服器端ai.ai包括預設的ai和使用者自定義ai。使用者自定義ai指令碼一般用於客戶端。如果想用於伺服器端,必須由技術人員鑑定通過才允許,防止惡意指令碼。自定義ai指令碼鑑定...

客戶端跳轉和伺服器端跳轉

response應用之傳值 一 客戶端傳值,跳轉到其他頁 response.sendredirect other.jsp?value helloworld 此種傳值只是頁面之間的跳轉,並且只有在本頁面執行完成後才跳轉。不能傳遞request.setattribute 值。二 伺服器端傳值,reque...