網站CSS中的字體屬性,做網站時字體屬性設置
作者:佚名 時間:2014-03-13 分享到:
CSS字體屬性(font-size與font-stretch)
font-size屬性允許我們使用相對或絕對長度值、百分比及關鍵字來定義字體大小。
例如:
在上面的示例中,第一條規則很可能是最常用的,因為大家最熟悉它了;它將文檔段落中所含文本的字體大小設置為特定的磅數(在此例中是12)。第二條規則將字體大小設置為比父元素字體的大小大20%。第三條規則比正常字體大小大2磅。p {font-size:12pt;}
p {font-size:120%;}
p {font-size:+2pt;}
p {font-size:medium;}
p {font-size:larger;}
第四條規則選擇是瀏覽器預先定義的一種字體大小,用medium關鍵字來標識。有效的絕對關鍵字是xx-smll、x-small、samll、medium、large、x-large和xx-large,通常與<font>標簽中size屬性的7種字體大小相對應。
最后一條font-size規則選擇了比父元素所有字體大一號的字體。這樣,如果正常大小是medium,就要改變為large。也可以指定smller來得到期望的結果。
目前的瀏覽器都不能正確處理增大的字體。準確的說,它們會忽略加、減號,只用它的絕對值作為大小。因此,對于本節中的那個示例來說,最終的字體大小是2磅,而不是比正常大小大兩磅。
font-stretch屬性
除大小不同之外,字體系列有時會包含壓縮和擴展版本,在這兩種版本中,字符分別被進行了擠壓或擴展。使用font-stretch屬性便可以從字體中選擇更寬或更窄的字符。
使用normal屬性值則可以選擇正常大小的字體。相對值wider和narrower會分別使字體字符寬一號或者窄一號,但不能超過字體系列中最寬或最窄的字體。
font-stretch其余的屬性值選擇了字體系列的特定變化。從最窄的字體開始到最寬的字體結束,這些值分別是:ultra-condensed、extra-condensed、condensed、semi-condensed、expanded、extra-expanded和ultra-expanded。
當然,font-stretch屬性假設用戶的顯示字體支持可擴展字體。即使這樣,目前流行的瀏覽器仍會忽略這個屬性。