web前端開發的字體有哪些

本篇內容介紹了“web前端開發的字體有哪些”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　h6開發中，老板嫌數字的字體太丑要使用無襯線字體，自己真一臉懵逼啊，百度了發現這篇文章很不錯還不了解的同學可以參考下。小小的字體其實有大大的學問，可能與字體相關的很多知識都偏設計，不過俗話說技多不壓身，藝高人膽大，多了解了解總歸沒錯。

　　前端開發你該知道的字體

　　就Web常用的一些字體而言，經常聽說的字體類型，大致可以分為這幾種：

　　serif(襯線)

　　sans-serif(無襯線)

　　monospace(等寬)

　　fantasy(夢幻)

　　cuisive(草體)

　　其實大體上分為襯線字體和無襯線字體，等寬字體中也有襯線等寬和無襯線等寬字體，這5個分類是font-family的5個可用字體系列取值。

　　也就是說，上述5個名字，代表的并非某個特定字體，而是一系列字體，這些通用的名稱允許用戶代理（通常就是瀏覽器）從相應集合中選擇一款字體。

　　這也很好解釋了，font-family中的family，家庭的意思，也就是不單單指一個，而是可以指定多個，上述5個英文單詞都是font-family的可用取值，下文還會詳細講到。

　　每類前端開發字體介紹

　　serif--襯線字體

　　serif，意為有襯線的字體，襯線的意思是在字符筆畫末端有叫做襯線的小細節的額外裝飾，而且筆畫的粗細會有所不同，這些細節在大寫字母中特別明顯。

　　OK，那么有哪些常用字體屬于襯線字體呢？

　　宋體（SimSun）

　　Windows下大部分瀏覽器的默認中文字體，是為適應印刷術而出現的一種漢字字體。筆畫有粗細變化，是一種襯線字體，宋體在小字號下的顯示效果還可以接受，但是字號一大體驗就很差了，所以使用的時候要注意，不建議做標題字體使用。

　　TimesNewRoman

　　Mac平臺Safari下默認的英文字體，是最常見且廣為人知的西文襯線字體之一，眾多網頁瀏覽器和文字處理軟件都是用它作為默認字體。

　　sans-serif--無襯線字體

　　sans的意思是無，sans-serif也就是無襯線的意思。專指西文中沒有襯線的字體，與漢字字體中的黑體相對應。與襯線字體相反，該類字體通常是機械的和統一線條的，它們往往擁有相同的曲率，筆直的線條，銳利的轉角。

　　中文下，無襯線字體就是黑體，黑體字也就是又稱方體或等線體，沒有襯線裝飾，字形端莊，筆畫橫平豎直，筆跡全部一樣粗細。

　　看看又有哪些常見的無襯線字體。

“web前端開發的字體有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！