在西方國家羅馬字母陣營中，字型分為兩大種類：sans serif和serif，打字機體雖然也屬於sans serif，但由於是等寬字型，所以另外獨立出monospace這一種類，例如在web中，表示**時常常要使用等寬字型。
serif的意思是，在字的筆劃開始及結束的地方有額外的裝飾，而且筆劃的粗細會因直橫的不同而有不同。相反的，sans serif則沒有這些額外的裝飾，筆劃粗細大致差不多。如下圖：
可以看出，我們平時所用的georgia、times new roman等就屬於serif字型，而arial、tahoma、verdana等則屬於sans serif字型。對中文而言，同樣存在這兩大種類，很明顯，宋體、細明體(繁體中常用)等就屬於serif，而黑體、幼圓等則屬於sans serif。
serif和sans serif的一般比較：
①serif的字型容易辨認，因此易讀性較高。反之sans serif則較醒目，但在行文閱讀的情況下，sans serif容易造成字母辨認的困擾，常會有來回重讀及上下行錯亂的情形。
②serif強調了字母筆劃的開始及結束，因此較易前後連續性的辨識。
③serif強調乙個word，而非單一的字母，反之sans serif則強調個別字母。
④在小字型的場合，通常sans serif比serif更清晰。
因為黑體字屬於「無襯線體」（sans-serif），而宋體字屬於「有襯線體」（serif），後者對於人眼的辨識來說會更輕鬆一些，所以閱讀的時候會比較舒服。日本文字偏歐美的無襯線體（sans-serif），所以大部分的人都使用歌德體(相當於西洋文字的無襯線體)。
適用用途：
通常文章的內文、正文使用的是易讀性較佳的serif字型，這可增加易讀性，而且長時間閱讀下因為會以word為單位來閱讀，較不容易疲倦。而標題、**內用字則採用較醒目的sans serif字型，它需要顯著、醒目，但不必長時間盯著這些字來閱讀。
像宣傳品、海報類，為求醒目，它的短篇的段落也會採用sans serif字型。但在書籍、報刊雜誌，正文有相當篇幅的情形下，則應採用serif字型來減輕讀者閱讀上的負擔。在web設計及瀏覽器設定中也應遵循此原則為是。
實際應用：
在firefox 中（目前似乎只有firefox有此功能），可以分別單獨指定sans serif、serif及monospace的中西文本型，然而這個選項並未設定在工具選單中，不過可以在addressbar中鍵入about: config，然後在filter中過濾font找到如下preference name：
code:你可以依照上述sans serif、serif及monospace的原則來分別指定一種對應字型，按照w3c的css規則，在font（或者font-family）的最後都要求指定乙個serif這樣的generic-family，避免客戶端實在沒有指定字型時使用本機上的serif預設字型。font.name.monospace.x-western
font.name.monospace.zh-cn
font.name.sans-serif.x-western
font.name.sans-serif.zh-cn
font.name.serif.x-western
font.name.serif.zh-cn
因為襯線字型的可讀性非常好，所以它應用的最多的地方也正是出版物或者印刷品的正文內容等以大段文字作為表現形式的作品上。
比較常見的襯線字型有：georgia, garamond, times new roman, 中文的宋體等等。
無襯線字型比較圓滑，線條一般粗細均勻。比較適合用作藝術字、標題等。因為無襯線字型通常粗細比較均勻，所以在小字型顯示的時候，可讀性會降低，容易引起視覺疲勞。
常見的無襯線字型有：trebuchet ms, tahoma, verdana, arial, helvetica, 中文的幼圓，隸書等等。
其他的通用字型族
印刷學中，除了serif和sans-serif之外，通常還有monospace等寬字型、scripts手寫體（比如花體）、blackletter鉛字型（也叫gothic哥特體。嚴格的說，很多常用的serif字型其實是gothic字型）、ornamental 裝飾體（那些在文字筆劃上或者周圍有裝飾花紋的字型。很多中世紀書籍上很常見。如果腦殘體真的成了字型，那麼應該可以算裝飾體吧……）和symbol 符號字型（比如有名的wedding123……）
monospace等寬字型：
所謂的等寬字型，是指每個字元寬度都一致的字型。乙個著名的例子就是 courier new 字型。因為字元寬度一致，所以特別容易對齊，能快速精確的定位到某行某列，因此經常用來顯示**。
cursive書寫體：相當於印刷學中的手寫體。中文的華文行草就是這樣的乙個字型。
網頁設計中的預設字型：字型大小(12px)、行高(18px)
font: 12px/1.5 tahoma, helvetica, arial, sans-serif;①font-family預設採用tahoma. tahoma是英文windows作業系統的預設字型，這個字型比較均衡，顯示中英文混排很不錯，是經久耐看的一款字型。
②mac os x系統有一款比tahoma更典雅的系統預設字型：helvetica，非mac系統的helvetica字型都是rip版。
③arial是早期windows英文系統的預設字型，xp和vista上都是tahoma。
④最後的sans-serif是針對強悍的linux diy族。linux預設只有kernel，字型完全由使用者自定義，針對這部分使用者，sans-serif可能能派上用場。
⑤最後，無論在xp還是vista下，不指定網頁的中文字型時，預設就是宋體。因此font-family裡的'宋體'是多餘的，可以省去。
參看：
和 區別和聯絡， 和 區別和聯絡
和 區別和聯絡，和 區別和聯絡，實際專案中，什麼情況用哪種？首先，和 的聯絡 共同點 和 都可以用作 邏輯與 運算子，都是雙目運算子。具體要看使用時的具體條件來決定。無論使用哪種運算子，對最終的運算結果都沒有影響。情況1 當上述的運算元是boolean型別變數時，和 都可以用作邏輯與運算子。情況2 ...
rpx和樣式和class和flex
5 style 靜態的樣式統一寫到 class 中。style 接收動態的樣式，在執行時會進行解析，請盡量避免將靜態的樣式寫進 style 中，以免影響渲染速度。例 6 class 用於指定樣式規則，其屬性值是樣式規則中類選擇器名 樣式類名 的集合，樣式類名不需要帶上.樣式類名之間用空格分隔。關於f...
if和switch和for語句
if和switch很像。具體什麼場景下，應用那個語句呢？如果判斷的具體數值不多，而是符合byte，short，int，char，字串。這五種型別。雖然兩個語句都可以使用，建議使用switch語句，因為效率稍高。其他情況，對區間判斷，對結果為boolean型別判斷，使用if，if的使用範圍更廣。whi...