當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

web前端-html-css-字体的分类(serif衬线、sans-serif非衬线、monospace等宽、cursive草书、fantasy虚幻)

發布時間：2023/12/14 HTML 86 豆豆

生活随笔收集整理的這篇文章主要介紹了 web前端-html-css-字体的分类(serif衬线、sans-serif非衬线、monospace等宽、cursive草书、fantasy虚幻) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

字體的分類

<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><style type="text/css">p {font-family: arial, 微軟雅黑, 華文彩云, serif;}</style></head><body>襯線字體：我是一段文字， ABCDEFGabcdefg非襯線字體：我是一段文字，ABCDEFGabcdefg等寬字體：我是一段文字，IHABCDEFGabcdefg草書字體：我是一段文字，ABCDEFGabcdefg虛幻字體：我是一段文字，ABCDEFGabcdefg</body> </html>

1. 說明

在網頁中將字體分成了 5 大類：

serif (襯線字體)
sans-serif (非襯線字體)
monospace (等寬字體)
cursive (草書字體)
fantasy (虛幻字體)

可以將字體設置為這些大的分類,當設置為大的分類以后，

瀏覽器會自動選擇指定的字體并應用樣式

一般會將字體的大分類，指定為 font-family 中的最后一個字體

襯線字體：我是一段文字，ABCDEFGabcdefg 非襯線字體：我是一段文字，ABCDEFGabcdefg 等寬字體：我是一段文字，IHABCDEFGabcdefg 草書字體：我是一段文字，ABCDEFGabcdefg 虛幻字體：我是一段文字，ABCDEFGabcdefg

總結

以上是生活随笔為你收集整理的web前端-html-css-字体的分类(serif衬线、sans-serif非衬线、monospace等宽、cursive草书、fantasy虚幻)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：国家机关可免费使用百会办公门户一年
下一篇： HTML设置背景图片是否重复