做網站建設時注意字體屬性

作者：佚名   時間：2014-03-13   分享到：

對于HTML和XHTMl，上海做網站建設的我們聽到最大的抱怨是，其中缺少字體樣式和特性，哪怕是最簡單的文本編輯器所實現的也做不到。各種<font>屬性則解決了部分問題，但用起來非常磅礴為，因為每次文本字體改變時都需要一個不同的<font>標簽。
    當然，樣式表可以改變這一切。CSS標準提供了7種字體屬性，用它們便可以修改受影響標簽內所包含文本的外觀，這些屬性是：font-family,font-size: font-size-adjust、font-style、 font-variant、 font-stretch和font-weight。此外還有一個通用的font屬性，用它可以聲明所有的字體值。
    但是請注意，樣式表無法克服用戶顯示/文檔顯示系統方面的局限性，瀏覽器也無法想像出自身所帶字體沒有提供的效果。
字體font-family屬性
    font-family（字體系列）屬性采納的是以逗號分開的字體名稱列表。瀏覽器使用列表中明明的第一種字體在客戶端機器上顯示文字，當然，這種字體必須已經安裝在該機器上，而且可以使用。
   字體名稱值是專用于字體樣式的，例如Helvetica或Courier或CSS標準定義的一般字體樣式：serif、sans-serif、cursive、fantasy或monospace。瀏覽器為每種一般字體都定義了實際使用的字體名稱。例如，Courier是等寬字體最流行的選擇。
    由于字體根據瀏覽器的不同而有明顯的變化，當指定一種字體樣式時，應該總是提供多種選擇，最后以一個合適的一般字體作為結束。例如：

h1{font-family: Helvetica, Univers,sans-serif}

    瀏覽器會根據上述代碼查找和使用Helvetica字體，然后是Univers字體。如果這兩種字體都不能在客戶端顯示，瀏覽器將使用一般的sans-serif字體。
    對于諸如New Century Schoolbook中央含有空格的字體名稱，要用引號括起來。例如：

p{font-family: Times, "New Century Schoolbook". Palatino, serif}

    在使用內聯樣式時，多重的雙引號會導致出現問題。因此，在內聯樣式中應該使用單引號標記：

<p style={font-family:Times, New Century S choolbook, Palatino, serif"}

    在實際使用中則不需要使用引號，因為字體名稱值都是用逗號分開的，所以瀏覽器一般情況下都會忽略字體名稱前后的空格。這樣:

p {font-family:Times, New Century Schoolbook, Palatino,serif}
<p style="font-family:Times,New Century Schoolbook, Palatino,serif">

    在實際的網站中這兩者都是合法的。但我們在上海做網站建設時都使用引號標記。這是一個好習慣，因為這樣就很少會出現歧義了。