CSS字體-創(chuàng)新互聯(lián)

1, Arial

成都創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營(yíng)銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶，用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶，用專業(yè)的服務(wù)創(chuàng)造價(jià)值，成為客戶值得信賴的朋友，為客戶解除后顧之憂。

微軟公司的網(wǎng)頁(yè)核心字體之一，最常用的sans serif字體，當(dāng)字號(hào)很小時(shí)不容易閱讀。但是，大寫的“I”和小寫的“l(fā)”是無(wú)法區(qū)別的，你可以考慮用Tahoma字體來(lái)替代。
（蘋果系統(tǒng)沒有這種字體，但有一種對(duì)應(yīng)于Arial的字體叫Helvetica，它是MAC機(jī)上與Arial 字體最相似的WEB字體,是別一種非襯線字體.它是一種性能優(yōu)良的打印字體,但在屏幕上表現(xiàn)不是很好，說(shuō)道Helvetica字體，昨天發(fā)現(xiàn)了很多有意思的站點(diǎn)，主要是紀(jì)念Helvetica字體誕生50年而設(shè)的。）

CSS寫法：font-family: Arial, Helvetica, sans-serif;

2, Arial Black

CSS寫法：font-family: ‘Arial Black’, Gadget, sans-serif;

3, Arial Narrow

CSS寫法：font-family: ‘Arial Narrow’, sans-serif;

4, Verdana

微軟公司的網(wǎng)頁(yè)核心字體之一，微軟公司專門為屏幕顯示而開發(fā)的。應(yīng)用廣泛。易于閱讀。是顯示器中最清晰的字體，即使字號(hào)很小，也很容易閱讀。半肥貓比較喜歡采用10PX的Verdana來(lái)做英文正文字體，也推薦大家使用，但字號(hào)最好介于10~14像素之間，超出這個(gè)范圍就不好看了。

CSS寫法：font-family: Verdana, Geneva, sans-serif;

5, Georgia
微軟公司的網(wǎng)頁(yè)核心字體之一，可用性好?？勺x性比Times New Roman強(qiáng)。是網(wǎng)站設(shè)計(jì)中，瀏覽效果最好的serif字體，因?yàn)樗菍榫W(wǎng)上閱讀設(shè)計(jì)的。）

CSS寫法：font-family: Georgia, serif;

6, Times New Roman
微軟公司的網(wǎng)頁(yè)核心字體之一，可能是最常用的serif字體，是網(wǎng)站瀏覽器默認(rèn)的字體，12pt以上的字體容易閱讀，但小字號(hào)的字體易讀性差。（蘋果系統(tǒng)沒有這個(gè)字體，有一個(gè)對(duì)應(yīng)于Times New Roman的字體叫Times）

CSS寫法：font-family: 'Times New Roman', Times, serif;

7, Trebuchet MS
微軟公司的網(wǎng)頁(yè)核心字體之一，與Arial相似，半肥貓覺得：Trebuchet MS比Arial看起來(lái)優(yōu)雅、古典一點(diǎn)?？梢杂脕?lái)做標(biāo)題，但小字號(hào)閱讀起來(lái)會(huì)很困難（低于13PIX閱讀起來(lái)就很累了，不太推薦用來(lái)做正文字體）。在蘋果系統(tǒng)上也可以用Helvetica做替代。

CSS寫法：font-family: 'Trebuchet MS', Helvetica, sans-serif;

8 , Courier New
微軟公司的網(wǎng)頁(yè)核心字體之一，老式打印機(jī)字體，有一種獨(dú)特的機(jī)械工整感覺。呈現(xiàn)計(jì)算機(jī)編碼時(shí)，還會(huì)用到這種字體。12 pt的Courier New字體曾是美國(guó)國(guó)務(wù)院的公文標(biāo)準(zhǔn)字體，但于2004年1月停用，改使用14 pt的Times New Roman，因?yàn)槠渚摺艾F(xiàn)代性”和“易讀性”。

CSS寫法：font-family: 'Courier New', Courier, monospace;

9, Impact
微軟公司的網(wǎng)頁(yè)核心字體之一，Impact是1965年發(fā)表的一個(gè)無(wú)襯線字體，其特粗的筆畫、緊縮的間距。半肥貓覺得：字體較為粗獷，適合使用在標(biāo)題上，而不常用在內(nèi)文。

CSS寫法：font-family: Impact, Charcoal, sans-serif;

10, Comic Sans MS
微軟公司的網(wǎng)頁(yè)核心字體之一，手寫體。這是一種爭(zhēng)議很大的字體，講實(shí)話，半肥貓也不喜歡這個(gè)字體，一點(diǎn)美感都沒有，不過(guò)在一大堆規(guī)規(guī)矩矩的字體里面，有這么一個(gè)隨意性比較的字體，可以變換一下口味，也算不錯(cuò)吧，建議不要用在正規(guī)的金融、政府、商業(yè)機(jī)構(gòu)站點(diǎn)。

CSS寫法：font-family: 'Comic Sans MS', cursive;

11, Tahoma
Tahoma是一個(gè)十分常見的無(wú)襯線字體，Tahoma和Verdana師出同為名設(shè)計(jì)師馬修·卡特的作品，由微軟在1999年推出，被采用為Windows 2000、Windows XP、Windows Server 2003等系統(tǒng)的默認(rèn)字型。半肥貓覺得：它的字體結(jié)構(gòu)和Verdana很相似，其字符間距較小，用來(lái)作為標(biāo)題，效果好過(guò)Arial（Tahoma的大寫I 和小寫l比Arial容易識(shí)別），但如果作為正文，他的字號(hào)不能小于13PIX，否則很多筆畫粘連到一起，不利于閱讀。

CSS寫法：font-family: Tahoma, Geneva, sans-serif;

12, Courier
Courier是一個(gè)等寬字體的粗襯線字體，主要是依據(jù)打字機(jī)所打印出來(lái)的字型來(lái)設(shè)計(jì)。原來(lái)Courier New的字體是IBM公司在1950年代設(shè)計(jì)給打印機(jī)使用的字體，后來(lái)這個(gè)字型成為整個(gè)打字機(jī)制造業(yè)的標(biāo)準(zhǔn)。Courier New是Courier的變體，比Courier更具機(jī)械味道。

CSS寫法：font-family: Courier, monospace;

13, Lucida Sans Unicode
是一種OpenType型的無(wú)襯線字體 。1993年制作并隨微軟公司的Windows NT 3.1操作系統(tǒng)發(fā)布。有較大的x字高，具有很好的可讀性，被廣泛用于顯示、出版等各種用途。
它支持Unicode2.0版本的基本字符，包括拉丁字母，希臘字母，西里爾字母，希伯來(lái)字母，以及國(guó)際音標(biāo)字符。該字體是首個(gè) Unicode代碼的字體， 該字體從Windows 98開始一直作為系統(tǒng)預(yù)裝字體發(fā)行。
后來(lái)發(fā)布的 Lucida Grande字體作為蘋果公司Mac OS X系統(tǒng)的默認(rèn)字體發(fā)布。
CSS寫法：font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

14, Lucida Console
同Lucida Sans Unicode類似。

CSS寫法：font-family: 'Lucida Console', Monaco, monospace;

15, Garamond
Garamond（加拉蒙德）是一類西文襯線字體的總稱，自16世紀(jì)40年代開始至今，有很多家公司和很多設(shè)計(jì)師參與到Garamond字體設(shè)計(jì)，如： Adobe Garamond, Monotype Garamond, Sioncini Garamond，和 Stempel Garamond等等。半肥貓覺得：字體給人端莊典雅，有些古典的感覺，在博物館和歷史性悠久的項(xiàng)目中使用，應(yīng)該可以獲得不錯(cuò)的效果。

CSS寫法：font-family: Garamond, serif;

16 , MS Sans Serif
微軟系統(tǒng)自帶字體。屏幕顯示的像素字體。非襯線字體。

CSS寫法：font-family: 'MS Sans Serif', Geneva, sans-serif;
17 , MS Serif
微軟系統(tǒng)自帶字體。屏幕顯示的像素字體。襯線字體。
CSS寫法：font-family: 'MS Serif', 'New York', sans-serif;

18, Palatino Linotype

CSS寫法：font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

19, Symbol

CSS寫法：font-family: Symbol, sans-serif;

20, Bookman Old Style

CSS寫法：font-family: 'Bookman Old Style', serif;

本文參考了WEB安全字體，希望在Web編寫過(guò)程中這些核心的Web字體能對(duì)你有用。

因本人技術(shù)有限，現(xiàn)階段僅用作記錄收藏他人作品。

新聞名稱：CSS字體-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)路徑：http://bm7419.com/article22/djhsjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站內(nèi)鏈、App設(shè)計(jì)、網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)