CSS 網(wǎng)絡(luò)安全字體組合
常用的字體組合
font-family 屬性應(yīng)該使用若干種字體名稱作為回退系統(tǒng),以確保瀏覽器/操作系統(tǒng)之間的最大兼容性。如果瀏覽器不支持第一個(gè)字體,則會(huì)嘗試下一個(gè)。
請(qǐng)以您喜歡的字體開始,并以通用字體系列結(jié)束,以便使瀏覽器在通用系統(tǒng)中挑選相似的字體,如果沒有其他字體可用的話:
實(shí)例
p{font-family:'Times New Roman', Times, serif}
親自試一試
下面是最常用的字體組合,根據(jù)通用系統(tǒng)進(jìn)行匯總:
Serif 字體
font-family 示例文本
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 字體
font-family 示例文本
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 字體
font-family 示例文本
'Courier New', Courier, monospace
This is a heading
This is a paragraph
'Lucida Console', Monaco, monospace
This is a heading
This is a paragraph
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-03-20 閱讀:
- CSS 單位
- 在 CSS 中,em 是非常有用的單位,因?yàn)樗梢宰詣?dòng)適應(yīng)用戶所使用的字體。
- 03-20 關(guān)注:0
- CSS 網(wǎng)絡(luò)安全字體組合
- font-family 屬性應(yīng)該使用若干種字體名稱作為回退系統(tǒng),以確保瀏覽器/操作系統(tǒng)之間的最大兼容性。如果瀏覽器不支持第一個(gè)字體,則會(huì)嘗
- 03-20 關(guān)注:0
- CSS3 用戶界面
- 在 CSS3 中,新的用戶界面特性包括重設(shè)元素尺寸、盒尺寸以及輪廓等。
- 03-20 關(guān)注:0
- CSS3 多列
- 通過 CSS3,您能夠創(chuàng)建多個(gè)列來對(duì)文本進(jìn)行布局 - 就像報(bào)紙那樣!
- 03-20 關(guān)注:0
- CSS3 動(dòng)畫
- 通過 CSS3,我們能夠創(chuàng)建動(dòng)畫,這可以在許多網(wǎng)頁中取代動(dòng)畫圖片、Flash 動(dòng)畫以及 JavaScript。
- 03-20 關(guān)注:1
- CSS3 過渡
- 通過 CSS3,我們可以在不使用 Flash 動(dòng)畫或 JavaScript 的情況下,當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果。
- 03-20 關(guān)注:1
- CSS3 2D 轉(zhuǎn)換
- 通過 CSS3 轉(zhuǎn)換,我們能夠?qū)υ剡M(jìn)行移動(dòng)、縮放、轉(zhuǎn)動(dòng)、拉長或拉伸。
- 03-20 關(guān)注:0