字體標籤與層疊樣式表(CSS)

你看過一個非常古老的網站,並看到HTML內的一個不尋常的標籤? 許多年前,網頁設計師實際上將自己的網頁字體設置在HTML本身內,但結構(HTML)和样式(CSS)的分離在很久以前就不再使用了。

在今天的網頁設計中,標籤已被棄用。 這意味著標籤不再是HTML規範的一部分。 儘管某些瀏覽器在棄用後仍支持此標記,但它在HTML5中不再受到支持,而HTML5是該語言的最新版本。 這意味著該標籤不應該再出現在您的HTML文檔中。

字體標籤的替代品

如果您不能使用標籤在HTML頁面中設置文本的字體,您應該使用什麼? 級聯樣式表 (CSS)是您今天在網站上設置字體樣式(以及所有視覺樣式)的方式。 CSS可以完成標籤可以做的所有事情,再加上更多。 讓我們來看看標籤可以做什麼,當它是我們的HTML頁面的選項時(記住,它不再被支持,所以它不是一種選擇),並比較如何使用CSS。

更改字體系列

字體是字體的面部或家族。 使用字體標籤,您可以使用屬性“face”,並且您需要多次將它放在整個文檔中,以便為每個文本部分設置單獨的字體。 如果您需要對該字體進行全面更改,則必須更改每個單獨的標籤。 例如:

這個字體不是sans-serif

在CSS中代替字體“face”,它被稱為字體“family”。 你寫一個可以設置字體的CSS樣式。 例如,如果您想將頁面中的所有文本設置為Garamond,則可以添加如下所示的視覺樣式:

body {font-family:Garamond,Times,serif; }

這種CSS樣式會將Garamond的字體族應用於網頁上的所有內容,因為文檔中的每個元素都是該網頁的後代

更改字體顏色

與臉部一樣,您可以使用“顏色”屬性和十六進制代碼或顏色名稱來更改文本的顏色。 多年前,您還可以在文本元素上單獨設置它,如標題標籤。

這個字體是紫色的

今天,你只需寫一行CSS。

這非常靈活。 如果你需要改變

在網站的每個頁面上,您都可以對CSS文件進行一次更改,並且每個使用該文件的頁面都將被更新。

與舊的

使用CSS來指定視覺樣式已經成為網頁設計人員多年的標準,所以如果你確實在尋找一個仍然使用標籤的頁面,那麼它是一個非常古老的頁面,它需要重新開發以符合當前的網頁設計最佳實踐和現代Web標準。

由Jeremy Girard編輯