這篇文章給大家介紹如何在html中設(shè)置字體的屬性，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

在瓊結(jié)等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計制作定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷,成都外貿(mào)網(wǎng)站建設(shè)公司,瓊結(jié)網(wǎng)站建設(shè)費用合理。

html中設(shè)置字體的屬性：font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch。

字體屬性定義字體，加粗，大小，文字樣式。

html中設(shè)置字體的屬性

屬性	說明
font	在一個聲明中設(shè)置所有字體屬性
font-family	規(guī)定文本的字體系列
font-size	規(guī)定文本的字體尺寸
font-style	規(guī)定文本的字體樣式
font-variant	規(guī)定文本的字體樣式。設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。
font-weight	規(guī)定字體的粗細
@font-face	一個規(guī)則，允許網(wǎng)站下載并使用其他超過"Web- safe"字體的字體
font-size-adjust	為元素規(guī)定 aspect 值。為某個元素規(guī)定一個 aspect 值，這樣就可以保持首選字體的 x-height。
font-stretch	收縮或拉伸當(dāng)前的字體系列。對當(dāng)前的 font-family 進行伸縮變形。所有主流瀏覽器都不支持。

擴展資料：

在HTML/CSS中，有兩種類型的字體系列名稱：

• 通用字體系列 - 擁有相似外觀的字體系統(tǒng)組合（如 "Serif" 或 "Monospace"）

• 特定字體系列 - 一個特定的字體系列（如 "Times" 或 "Courier"）

Generic family	字體系列	說明
Serif	Times New Roman Georgia	Serif字體中字符在行的末端擁有額外的裝飾
Sans-serif	Arial Verdana	"Sans"是指無 - 這些字體在末端沒有額外的裝飾
Monospace	Courier New Lucida Console	所有的等寬字符具有相同的寬度

font-family 屬性應(yīng)該設(shè)置幾個字體名稱作為一種"后備"機制，如果瀏覽器不支持第一種字體，他將嘗試下一種字體。

注意: 如果字體系列的名稱超過一個字，它必須用引號，如Font Family："宋體"。

多個字體系列是用一個逗號分隔指明：

p{font-family:"Times New Roman", Times, serif;}

下面是一些常用的字體組合，通用的字體系列。

Serif 字體

字體	文本示例
Georgia, serif	This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif	This is a heading This is a paragraph
"Times New Roman", Times, serif	This is a heading This is a paragraph

sans - serif字體

字體	文本示例
Arial, Helvetica, sans-serif	This is a heading This is a paragraph
Arial Black, Gadget, sans-serif	This is a heading This is a paragraph
"Comic Sans MS", cursive, sans-serif	This is a heading This is a paragraph
Impact, Charcoal, sans-serif	This is a heading This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif	This is a heading This is a paragraph
Tahoma, Geneva, sans-serif	This is a heading This is a paragraph
"Trebuchet MS", Helvetica, sans-serif	This is a heading This is a paragraph
Verdana, Geneva, sans-serif	This is a heading This is a paragraph

Monospace 字體

字體	文本示例
"Courier New", Courier, monospace	This is a heading This is a paragraph
"Lucida Console", Monaco, monospace	This is a heading This is a paragraph

關(guān)于如何在html中設(shè)置字體的屬性就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

本文名稱：如何在html中設(shè)置字體的屬性
文章URL：http://chinadenli.net/article16/ihpjgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、全網(wǎng)營銷推廣、標(biāo)簽優(yōu)化、網(wǎng)站收錄、服務(wù)器托管、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)