Javascript 字體系列列表

ast Python module | base64 Python module | code Python module | COM PHP module | dis Python module | Ev PHP module | exp | html Python module | http Python module | imp Python module | io Python module | JavaScript | os Python module | PS PHP module | Python functions | re Python module | select Python module | sep | site Python module | SPL PHP module | StackOverflow | time Python module | UI PHP module

Michael Zippo

在網頁上格式化文本是網頁設計的重要組成部分。例如，您可能希望標題以特定字體顯示，或者頁面上的所有文本都使用 serif 字體。

這就是 CSS字體位於：家庭開始發揮作用。 CSS font-family 屬性允許您指定一個或多個字體系列，用於設置網頁網頁上的文本樣式。

本教程將通過參考 CSS 示例來介紹基礎知識font-family 以及如何使用該屬性為網頁上的文本設置樣式。

CSS 字體系列

在 CSS 中設置字體樣式涉及很多方面，從設置顏色到大小。警察。然而，字體樣式中最重要的部分之一是定義字體系列，它是網頁上文本使用的樣式。

定義網頁上的文本使用的字體系列網頁，您可以使用 font-family 屬性。 font-family 屬性的語法如下：

font-family 屬性接受單個字體或字體列表。如果您指定多個字符，則必須用逗號分隔每個字符。

字符的顯示順序是瀏覽器嘗試應用這些字符的順序。瀏覽器將默認使用列表中已安裝或可從 Web 瀏覽器下載的第一個字體。如果此字符不可用，則使用第二個字符，依此類推。

是需要注意的是，font-family 屬性將為文本塊中的每個字符選擇一種字體。然後，如果某個特定字符在字體中不可用，則會嘗試家族列表中您字體的下一個字體，直到找到合適的字符。

當使用字體粗細時，它是最好包含至少一種姓氏通用字體（例如 serif、sans-serif 或 monospace）。這可確保如果列表中的另一種字體不可用，瀏覽器仍然能夠為網頁上的文本選擇一種字體來顯示。

您可以使用兩種方法字體系列屬性。首先，您可以使用該屬性為網頁指定自定義字體。其次，您可以使用該屬性將通用字體系列應用於網頁上的文本。可用於 font-family 屬性的通用字體系列如下：

• serif：字體使用 serif 字體（例如 Lucida Bright、Palladio）。
• sans-serif：字體使用無襯線字體（例如 Open Sans、Trebuchet MS）。
• 等寬：字符的寬度都相同（例如 minivan、Menlo）。
• italic：字符有一個連字符（例如 Lucida Calligraphy）。
• fantasy：用於吸引人們注意字體的裝飾性字體（例如 Papyrus）。

有其他可用的通用字體系列，您可以在 Mozilla CSS 字體家族文檔 。

現在我們已經了解了 font-family 屬性的基礎知識，我們可以看一些例子來說明它是如何工作的.

CSS 字體系列示例

當地一家郵票要求我們俱樂部西雅圖郵票俱樂部定制部分字體的字體他們的網站。

首先，我們被要求更改其“聯繫人”頁面上所有

標題的字體以使用“Open Sans”字體。因此，例如，他們網站的“聯繫我們”頁面上的“聯繫我們”應該出現在 Open Sans 中。如果此字體不可用，則必須使用通用的“sans-serif”系列。我們可以使用以下代碼來做到這一點：

點擊 按鈕在上面的代碼編輯器中查看我們的HTML/CSS代碼的輸出.

在我們的 HTML 代碼中，我們使用

標籤指定了一個標題，其中包含文本 Contact Us 。所以在我們的 CSS 代碼中，我們使用為我們網頁上的

元素設置字體的字體系列。

我們分配給屬性 font-family 的值設置 中所有

元素的字體打開 Sans，如果此字體不可用，則使用通用 sans-serif 系列。為此，我們指定了兩個字符，用逗號分隔。

現在假設我們還想對來自stamp club的頁面Contacts的所有字符

元素應用一個樣式來使用Times字體。如果這個字體不可用，應該使用默認的襯線字體。我們可以使用以下代碼來做到這一點：

點擊 在上面的代碼編輯器中查看我們的HTML/CSS代碼的輸出。

在我們的示例中，我們使用

tag 聲明了一段文本。接下來，我們在 CSS 樣式表中定義所有

tags 的字體系列以使用 Times 和 serif 字體。默認情況下，瀏覽器會嘗試以 Times 字體顯示所有

標籤。如果此字體不可用，則 serif使用字體。