在日常的學(xué)習(xí)、工作、生活中，肯定對(duì)各類范文都很熟悉吧。那么我們?cè)撊绾螌?xiě)一篇較為完美的范文呢？接下來(lái)小編就給大家介紹一下優(yōu)秀的范文該怎么寫(xiě)，我們一起來(lái)看一看吧。
網(wǎng)頁(yè)設(shè)置字體屬性篇一
設(shè)置全站的字體一直是一個(gè)簡(jiǎn)單而又不簡(jiǎn)單的事，因?yàn)樯钊胂氯?，這里面牽扯到太多的東西。下面是小編分享的網(wǎng)頁(yè)中的字體的設(shè)置問(wèn)題分析，一起來(lái)看一下吧。
首先，我們應(yīng)該明確，并不是你設(shè)置了這種字體，用戶電腦便會(huì)以這種字體顯示。
如果用戶電腦沒(méi)有安裝這種字體，那么它便會(huì)以你設(shè)置的第二種字體來(lái)渲染?？匆粋€(gè)常見(jiàn)設(shè)置
xml/html code
font-family:tahoma,arial,'hiragino sans gb',5b8b4f53,sans-serif; /* 其中5b8b4f53是宋體的意思，用這種unicode編碼可以兼容全部瀏覽器 */
上述的代碼，如果在沒(méi)有tahoma字體的機(jī)器上設(shè)置，那么該機(jī)器會(huì)以arial字體渲染。如果也沒(méi)有，那么便用后一種。直到你指定的字體都沒(méi)有，那么便會(huì)使用sans-serif字體族中的一款字體。
然后，我們應(yīng)該講講sans-serif是什么。
sans-serif是無(wú)襯線字體的意思，并不是一種字體，而是一類字體的統(tǒng)稱。
相應(yīng)的，serif就是用襯線字體的意思。
（解釋下：襯線就是字體上的很小的修飾，具體可以百度，跟本文關(guān)系并不大，就不展開(kāi)講了。）
關(guān)于常見(jiàn)字體族，這里整理下：
?serif：帶襯線字體。times new roman 是默認(rèn)的 serif 字體，中文字體的話，是宋體、仿宋之類的字體。
?sans serif：無(wú)襯線字體。arial 是默認(rèn)的 sans-serif 字體，中文字體中，微軟雅黑、黑體等都是這類字體，英文字體包括helvetica、geneva或verdana等。
?monospace：等寬字體。這個(gè)字體里面的每個(gè)字母都有相同的寬度。通常用于顯示程序代碼等，courier 是默認(rèn)的 monospace 字體。而對(duì)于中文，每個(gè)漢字都是等寬的。
看過(guò)了上面的必備知識(shí)，想必對(duì)字體有了稍微系統(tǒng)點(diǎn)的認(rèn)識(shí)了。
那么如何設(shè)置網(wǎng)站字體呢？
有人習(xí)慣用宋體、arail或者tahoma作為第一字體。但是，這里面有個(gè)很大的問(wèn)題，對(duì)于字號(hào)大一點(diǎn)的字體（16px以上的），渲染出來(lái)是 相當(dāng)?shù)碾y看。不過(guò)我電腦上使用了windows下優(yōu)化字體的`東西，就無(wú)法給大家展示了?？傊?，對(duì)于大號(hào)字體，用這種的設(shè)置挺難看的。
那么有人說(shuō)微軟雅黑在字體大的時(shí)候挺好看的。全部設(shè)置微軟雅黑怎么樣？
這里有個(gè)很大的問(wèn)題，雅黑是windows vista才有的，對(duì)于占有率為65%+的xp用戶來(lái)說(shuō)，你設(shè)置了雅黑等于沒(méi)寫(xiě)。他們還是用宋體啊什么的渲染的。除了你自我安慰或者應(yīng)付 boss（boss一般都會(huì)趕潮流用windows 7以上）。對(duì)大部分用戶來(lái)說(shuō)真的沒(méi)用。而且微軟雅黑在渲染12px字體時(shí)并沒(méi)有宋體它們來(lái)得好。
所以，關(guān)于如何設(shè)置字體，我覺(jué)得應(yīng)該根據(jù)實(shí)際業(yè)務(wù)和情況來(lái)具體設(shè)置。
經(jīng)過(guò)上述的分析，我總結(jié)了一個(gè)我覺(jué)得挺好的設(shè)置方法
1: 綜合最優(yōu)
全站字體設(shè)置如下
xml/html code
font-family:helvetica,arial,'hiragino sans gb',5b8b4f53,sans-serif;
然后對(duì)于大的重要的字體（例如導(dǎo)航）使用圖片來(lái)處理。因?yàn)橛脠D片后，你就不用糾結(jié)用戶是否裝了這個(gè)字體的問(wèn)題了，而且可以做的更漂亮，更多的擴(kuò)展性與可能性。
2: 性能最好
全站字體還是
xml/html code
font-family:helvetica,arial,'hiragino sans gb',5b8b4f53,sans-serif;
然后對(duì)于大的字體（這里就不管重不重要了）。單獨(dú)來(lái)設(shè)置
xml/html code
font-family:microsoft yahei;
這種設(shè)置可以讓前端省挺多事，不過(guò)會(huì)有很多xp的用戶會(huì)被大號(hào)字體給丑到。
3: 最省事方案
直接
xml/html code
font-family:helvetica,arial,'hiragino sans gb',5b8b4f53,sans-serif;
或者
xml/html code
font-family:microsoft yahei,helvetica,arial,'hiragino sans gb',5b8b4f53,sans-serif;
雖然有可能渲染大字體不漂亮，雖然雅黑渲染小字體不清晰。but，有什么關(guān)系呢。
s("content_relate");
【網(wǎng)頁(yè)中的字體的設(shè)置問(wèn)題分析】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)
10-02
網(wǎng)頁(yè)設(shè)計(jì)中字體規(guī)范
09-29
網(wǎng)頁(yè)設(shè)計(jì)中字體應(yīng)用的技巧
09-29
網(wǎng)頁(yè)設(shè)計(jì)中字體規(guī)范總結(jié)
09-19
網(wǎng)頁(yè)設(shè)計(jì)中怎樣選擇合適的字體
09-21
網(wǎng)頁(yè)設(shè)計(jì)中字體應(yīng)用的10個(gè)技巧
09-29
網(wǎng)頁(yè)設(shè)計(jì)字體組合的黃金規(guī)則
09-23
dreamweaver解決網(wǎng)頁(yè)制作中的空格問(wèn)題
09-26
網(wǎng)頁(yè)設(shè)計(jì)字體基礎(chǔ)篇
10-03
【本文地址：http://mlvmservice.com/zuowen/2753247.html】
