web前端開(kāi)發(fā)的字體有哪些

本篇內(nèi)容介紹了“web前端開(kāi)發(fā)的字體有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

　　h6開(kāi)發(fā)中，老板嫌數(shù)字的字體太丑要使用無(wú)襯線字體，自己真一臉懵逼啊，百度了發(fā)現(xiàn)這篇文章很不錯(cuò)還不了解的同學(xué)可以參考下。小小的字體其實(shí)有大大的學(xué)問(wèn)，可能與字體相關(guān)的很多知識(shí)都偏設(shè)計(jì)，不過(guò)俗話說(shuō)技多不壓身，藝高人膽大，多了解了解總歸沒(méi)錯(cuò)。

　　前端開(kāi)發(fā)你該知道的字體

　　就Web常用的一些字體而言，經(jīng)常聽(tīng)說(shuō)的字體類型，大致可以分為這幾種：

　　serif(襯線)

　　sans-serif(無(wú)襯線)

　　monospace(等寬)

　　fantasy(夢(mèng)幻)

　　cuisive(草體)

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

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

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

　　每類前端開(kāi)發(fā)字體介紹

　　serif--襯線字體

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

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

　　宋體（SimSun）

　　Windows下大部分瀏覽器的默認(rèn)中文字體，是為適應(yīng)印刷術(shù)而出現(xiàn)的一種漢字字體。筆畫(huà)有粗細(xì)變化，是一種襯線字體，宋體在小字號(hào)下的顯示效果還可以接受，但是字號(hào)一大體驗(yàn)就很差了，所以使用的時(shí)候要注意，不建議做標(biāo)題字體使用。

　　TimesNewRoman

　　Mac平臺(tái)Safari下默認(rèn)的英文字體，是最常見(jiàn)且廣為人知的西文襯線字體之一，眾多網(wǎng)頁(yè)瀏覽器和文字處理軟件都是用它作為默認(rèn)字體。

　　sans-serif--無(wú)襯線字體

　　sans的意思是無(wú)，sans-serif也就是無(wú)襯線的意思。專指西文中沒(méi)有襯線的字體，與漢字字體中的黑體相對(duì)應(yīng)。與襯線字體相反，該類字體通常是機(jī)械的和統(tǒng)一線條的，它們往往擁有相同的曲率，筆直的線條，銳利的轉(zhuǎn)角。

　　中文下，無(wú)襯線字體就是黑體，黑體字也就是又稱方體或等線體，沒(méi)有襯線裝飾，字形端莊，筆畫(huà)橫平豎直，筆跡全部一樣粗細(xì)。

　　看看又有哪些常見(jiàn)的無(wú)襯線字體。

“web前端開(kāi)發(fā)的字體有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！