設(shè)置全站的字體一直是一件簡單但不簡單的事情，因?yàn)樯婕暗臇|西太多了。

本文主要想談?wù)剬τ谝粋€(gè)普通的網(wǎng)站，如何根據(jù)自己的需求選擇字體。

1、必要的知識

首先要明確，設(shè)置這個(gè)字體的不是你，而是用戶的電腦會(huì)用這個(gè)字體顯示。

如果該字體未安裝在用戶的計(jì)算機(jī)上，它將以您設(shè)置的第二種字體呈現(xiàn)?？匆粋€(gè)常見的設(shè)置

XML/HTML代碼將內(nèi)容復(fù)制到剪貼板

font-family:tahoma,arial,'Hiragino Sans GB',5b8b4f53,sans-serif; /* 其中5b8b4f53是宋體的意思，用這種Unicode編碼可以兼容全部瀏覽器 */

如果上述代碼設(shè)置在沒有tahoma字體的機(jī)器上，機(jī)器將以arial字體呈現(xiàn)。如果沒有，那就用后者。在您指定的字體都不可用之前，將使用無襯線字體系列的字體。

那么，我們就要說說無襯線是什么了。

無襯線表示無襯線字體，不是一種字體，而是一類字體的總稱。

因此，襯線意味著使用襯線字體。

關(guān)于常見的字體系列，在這里整理一下:

襯線:襯線字體。倍新羅馬字體是默認(rèn)的襯線字體，在中文里是、仿宋等字體。

無襯線字體。Arial是默認(rèn)的無襯線字體。中文字體中，微軟雅黑、黑體都是這樣的字體，英文字體有Helvetica、Geneva或Verdana。

等寬字體:等寬字體。這種字體中的每個(gè)字母都有相同的寬度。通常用于顯示程序代碼，Courier是默認(rèn)的等間距字體。至于中文，每個(gè)漢字都是等寬的。

2.如何設(shè)置字體

看了上面必要的知識，我覺得我對字體有了一點(diǎn)系統(tǒng)的了解。

那么網(wǎng)站字體怎么設(shè)置呢？

有些人習(xí)慣使用宋體、arail或tahoma作為第一種字體。但是，有一個(gè)很大的問題。對于尺寸較大的字體，渲染相當(dāng)難看。但是我不能給大家看，因?yàn)槲矣玫氖请娔Xwindows下的優(yōu)化字體。總之，大字體用這個(gè)設(shè)置很難看。

然后有人說微軟雅黑大字體好看。一直設(shè)置微軟雅黑怎么樣？

這里有個(gè)大問題。Yahei只有windows vista才有。對于市場占有率65%+的xp用戶來說，如果設(shè)置了雅黑，就不寫了。他們還是用宋體什么的渲染。除了安慰自己或者應(yīng)付BOSS。對大多數(shù)用戶來說確實(shí)沒什么用。而且微軟雅黑在渲染12px字體的時(shí)候還不如宋體。

所以關(guān)于如何設(shè)置字體，我覺得應(yīng)該根據(jù)實(shí)際業(yè)務(wù)和情況具體設(shè)置。

3.結(jié)論

經(jīng)過以上分析，我總結(jié)出一個(gè)我覺得挺好的設(shè)置方法

1.綜合優(yōu)化

全站字體設(shè)置如下

XML/HTML代碼將內(nèi)容復(fù)制到剪貼板

font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

然后用圖片處理大而重要的字體。因?yàn)槭褂脠D片后，不用擔(dān)心用戶是否安裝了這種字體，可以讓它更美觀，更可擴(kuò)展，更有可能。

2.最佳性能

全站字體或

XML/HTML代碼將內(nèi)容復(fù)制到剪貼板

font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

然后對于大字體。單獨(dú)設(shè)置

XML/HTML代碼將內(nèi)容復(fù)制到剪貼板

font-family:Microsoft YaHei;

這個(gè)設(shè)置可以省去前端很多麻煩，但是很多xp用戶會(huì)被大字體難看。

3.最省事的解決方案

直接的

XML/HTML代碼將內(nèi)容復(fù)制到剪貼板

font-family:Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

或者

XML/HTML代碼將內(nèi)容復(fù)制到剪貼板

font-family:Microsoft YaHei,Helvetica,arial,'Hiragino Sans GB',5b8b4f53,sans-serif;

雖然可以渲染不美觀的大字體，但是雅黑渲染的小字體不清晰。但是，這有什么關(guān)系呢？

《回到物質(zhì)圈》Sucaiq.Com看更多

如果你有任何問題，請給我留言，邊肖會(huì)及時(shí)回復(fù)你。非常感謝各位對物質(zhì)圈的支持！如果你覺得這篇文章對你有幫助，請轉(zhuǎn)載，請注明出處，謝謝！

材料圈_網(wǎng)站建設(shè)免費(fèi)材料下載平臺:httP://www.sucaiq.com