亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)頁(yè)中的字體的設(shè)置問(wèn)題分析

時(shí)間:2024-06-09 10:12:52 網(wǎng)頁(yè)設(shè)計(jì) 我要投稿
  • 相關(guān)推薦

網(wǎng)頁(yè)中的字體的設(shè)置問(wèn)題分析

  設(shè)置全站的字體一直是一個(gè)簡(jiǎn)單而又不簡(jiǎn)單的事,因?yàn)樯钊胂氯,這里面牽扯到太多的東西。下面是小編分享的網(wǎng)頁(yè)中的字體的設(shè)置問(wèn)題分析,一起來(lái)看一下吧。

  1、必備知識(shí)

  首先,我們應(yīng)該明確,并不是你設(shè)置了這種字體,用戶(hù)電腦便會(huì)以這種字體顯示。

  如果用戶(hù)電腦沒(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ú)襯線字體的意思,并不是一種字體,而是一類(lèi)字體的統(tǒng)稱(chēng)。

  相應(yīng)的,serif就是用襯線字體的意思。

 。ń忉屜拢阂r線就是字體上的很小的修飾,具體可以百度,跟本文關(guān)系并不大,就不展開(kāi)講了。)

  關(guān)于常見(jiàn)字體族,這里整理下:

  ?serif:帶襯線字體。Times New Roman 是默認(rèn)的 serif 字體,中文字體的話,是宋體、仿宋之類(lèi)的字體。

  ?sans serif:無(wú)襯線字體。Arial 是默認(rèn)的 sans-serif 字體,中文字體中,微軟雅黑、黑體等都是這類(lèi)字體,英文字體包括Helvetica、Geneva或Verdana等。

  ?monospace:等寬字體。這個(gè)字體里面的每個(gè)字母都有相同的寬度。通常用于顯示程序代碼等,Courier 是默認(rèn)的 monospace 字體。而對(duì)于中文,每個(gè)漢字都是等寬的。

  2、該怎么設(shè)置字體

  看過(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用戶(hù)來(lái)說(shuō),你設(shè)置了雅黑等于沒(méi)寫(xiě)。他們還是用宋體啊什么的渲染的。除了你自我安慰或者應(yīng)付 BOSS(BOSS一般都會(huì)趕潮流用windows 7以上)。對(duì)大部分用戶(hù)來(lái)說(shuō)真的沒(méi)用。而且微軟雅黑在渲染12px字體時(shí)并沒(méi)有宋體它們來(lái)得好。

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

  3、結(jié)論

  經(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é)用戶(hù)是否裝了這個(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的用戶(hù)會(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)系呢。


【網(wǎng)頁(yè)中的字體的設(shè)置問(wèn)題分析】相關(guān)文章:

網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)07-26

網(wǎng)頁(yè)設(shè)計(jì)中字體規(guī)范06-07

網(wǎng)頁(yè)中字體排版設(shè)計(jì)方法07-12

Photoshop如何設(shè)置字體09-20

如何設(shè)置html字體10-03

網(wǎng)頁(yè)設(shè)計(jì)中字體和文字搭配的技巧10-01

eclipse如何設(shè)置字體大小09-12

word的字體底紋顏色怎么設(shè)置08-26

word字體底紋顏色怎么設(shè)置09-19

網(wǎng)頁(yè)設(shè)計(jì)常用哪些字體08-05