這篇“怎么在html中設(shè)置字體的屬性”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“怎么在html中設(shè)置字體的屬性”文章吧。
創(chuàng)新互聯(lián)專注于德惠網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供德惠營銷型網(wǎng)站建設(shè)，德惠網(wǎng)站制作、德惠網(wǎng)頁設(shè)計、德惠網(wǎng)站官網(wǎng)定制、小程序制作服務(wù)，打造德惠網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供德惠網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
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ī)定字體的粗細(xì) |
| @font-face | 一個規(guī)則，允許網(wǎng)站下載并使用其他超過"Web- safe"字體的字體 |
| font-size-adjust | 為元素規(guī)定 aspect 值。為某個元素規(guī)定一個 aspect 值，這樣就可以保持首選字體的 x-height。 |
| font-stretch | 收縮或拉伸當(dāng)前的字體系列。對當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。 |
擴(kuò)展資料：
在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è)置幾個字體名稱作為一種"后備"機(jī)制，如果瀏覽器不支持第一種字體，他將嘗試下一種字體。
注意: 如果字體系列的名稱超過一個字，它必須用引號，如Font Family："宋體"。
多個字體系列是用一個逗號分隔指明：
重慶分公司
重慶分公司
p{font-family:"Times New Roman", Times, serif;}下面是一些常用的字體組合，通用的字體系列。
Serif 字體
| 字體 | 文本示例 |
|---|---|
| Georgia, serif | This is a headingThis is a paragraph |
| "Palatino Linotype", "Book Antiqua", Palatino, serif | This is a headingThis is a paragraph |
| "Times New Roman", Times, serif | This is a headingThis is a paragraph |
sans - serif字體
| 字體 | 文本示例 |
|---|---|
| Arial, Helvetica, sans-serif | This is a headingThis is a paragraph |
| Arial Black, Gadget, sans-serif | This is a headingThis is a paragraph |
| "Comic Sans MS", cursive, sans-serif | This is a headingThis is a paragraph |
| Impact, Charcoal, sans-serif | This is a headingThis is a paragraph |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | This is a headingThis is a paragraph |
| Tahoma, Geneva, sans-serif | This is a headingThis is a paragraph |
| "Trebuchet MS", Helvetica, sans-serif | This is a headingThis is a paragraph |
| Verdana, Geneva, sans-serif | This is a headingThis is a paragraph |
Monospace 字體
| 字體 | 文本示例 |
|---|---|
| "Courier New", Courier, monospace | This is a headingThis is a paragraph |
| "Lucida Console", Monaco, monospace | This is a headingThis is a paragraph |
以上就是關(guān)于“怎么在html中設(shè)置字體的屬性”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
