CSS 字體屬性font相關(guān)的用法

2024-07-11 08:47:18

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

設(shè)置字體名稱屬性(font-family)

這個(gè)屬性設(shè)置頁(yè)面中選擇用哪種字體，常用的字體有：Simsun、Arial、Verdana、Helvetica、 sans-serif等，定義方法：

.ziti {font-family:Simsun,Arial,Verdana;}

在這里連續(xù)定義了三種字體，當(dāng)用戶字庫(kù)中沒(méi)有第一種字體時(shí)就使用第二種，以此類推，如果CSS中設(shè)置的字體都沒(méi)有則使用瀏覽器中的默認(rèn)值。

設(shè)置字體大小屬性(font-size)

    font-size可以設(shè)置頁(yè)面中字體大小，有三種常用的單位em，px，pt。
    簡(jiǎn)短介紹一下這三種長(zhǎng)度單位：
    px，相對(duì)長(zhǎng)度單位。像素（Pixel）。
    em，相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。
    pt，絕對(duì)長(zhǎng)度單位。點(diǎn)（Point）。
    其中最常用的就是px。字體設(shè)置方法如下：

.ziti {font-size:12px;}

設(shè)置字體風(fēng)格屬性(font-style)

字體風(fēng)格是設(shè)置字體是否斜體的屬性，一共有三個(gè)值：normal、 italic、oblique，normal是默認(rèn)值，italic，oblique都是斜體顯示。例子：

.ziti {font-style:italic;}

設(shè)置字體粗細(xì)（濃淡）屬性(font-weight)

字體的粗細(xì)（濃重）只有兩個(gè)屬性，因?yàn)樗挥写煮w和非粗體兩種，它的值是normal和bold，normal是默認(rèn)值。例子：

.ziti {font-weight:bold;}

設(shè)置字體變量屬性(font-variant)

font-variant只針對(duì)英文字母，對(duì)漢字沒(méi)有效果。它定義字體以小型號(hào)大寫字母顯示，小型大寫字母可以理解為小個(gè)子的大寫字母，它雖然是大寫字母，但它的文字大小卻和小寫字母是相同的，比直接輸入的大寫字母要小。

font-variant有兩個(gè)值，normal和small-caps。normal是默認(rèn)值，它是正常的字體。small-caps是將小寫字母轉(zhuǎn)換成大寫字母。例子：