av手机免费在线观看,国产女人在线视频,国产xxxx免费,捆绑调教一二三区,97影院最新理论片,色之久久综合,国产精品日韩欧美一区二区三区

網頁設計

網頁中的字體的設置問題分析

時間:2025-01-18 18:30:07 網頁設計 我要投稿
  • 相關推薦

網頁中的字體的設置問題分析

  設置全站的字體一直是一個簡單而又不簡單的事,因為深入下去,這里面牽扯到太多的東西。下面是小編分享的網頁中的字體的設置問題分析,一起來看一下吧。

  1、必備知識

  首先,我們應該明確,并不是你設置了這種字體,用戶電腦便會以這種字體顯示。

  如果用戶電腦沒有安裝這種字體,那么它便會以你設置的第二種字體來渲染?匆粋常見設置

  XML/HTML Code

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

  上述的代碼,如果在沒有tahoma字體的機器上設置,那么該機器會以arial字體渲染。如果也沒有,那么便用后一種。直到你指定的字體都沒有,那么便會使用sans-serif字體族中的一款字體。

  然后,我們應該講講sans-serif是什么。

  sans-serif是無襯線字體的意思,并不是一種字體,而是一類字體的統(tǒng)稱。

  相應的,serif就是用襯線字體的意思。

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

  關于常見字體族,這里整理下:

  ?serif:帶襯線字體。Times New Roman 是默認的 serif 字體,中文字體的話,是宋體、仿宋之類的字體。

  ?sans serif:無襯線字體。Arial 是默認的 sans-serif 字體,中文字體中,微軟雅黑、黑體等都是這類字體,英文字體包括Helvetica、Geneva或Verdana等。

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

  2、該怎么設置字體

  看過了上面的必備知識,想必對字體有了稍微系統(tǒng)點的認識了。

  那么如何設置網站字體呢?

  有人習慣用宋體、arail或者tahoma作為第一字體。但是,這里面有個很大的問題,對于字號大一點的字體(16px以上的),渲染出來是 相當的難看。不過我電腦上使用了windows下優(yōu)化字體的東西,就無法給大家展示了?傊,對于大號字體,用這種的設置挺難看的。

  那么有人說微軟雅黑在字體大的時候挺好看的。全部設置微軟雅黑怎么樣?

  這里有個很大的問題,雅黑是windows vista才有的,對于占有率為65%+的xp用戶來說,你設置了雅黑等于沒寫。他們還是用宋體啊什么的渲染的。除了你自我安慰或者應付 BOSS(BOSS一般都會趕潮流用windows 7以上)。對大部分用戶來說真的沒用。而且微軟雅黑在渲染12px字體時并沒有宋體它們來得好。

  所以,關于如何設置字體,我覺得應該根據實際業(yè)務和情況來具體設置。

  3、結論

  經過上述的分析,我總結了一個我覺得挺好的設置方法

  1: 綜合最優(yōu)

  全站字體設置如下

  XML/HTML Code

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

  然后對于大的重要的字體(例如導航)使用圖片來處理。因為用圖片后,你就不用糾結用戶是否裝了這個字體的問題了,而且可以做的更漂亮,更多的擴展性與可能性。

  2: 性能最好

  全站字體還是

  XML/HTML Code

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

  然后對于大的字體(這里就不管重不重要了)。單獨來設置

  XML/HTML Code

  font-family:Microsoft YaHei;

  這種設置可以讓前端省挺多事,不過會有很多xp的用戶會被大號字體給丑到。

  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ī)范06-07

網頁設計中的字體設計07-26

網頁設計中字體應用的技巧06-24

網頁設計中字體規(guī)范總結02-05

網頁中字體排版設計教程05-20

網頁設計中怎樣選擇合適的字體04-13

網頁中字體排版設計方法07-12

網頁設計中字體和文字搭配的技巧02-21

網頁設計中字體應用的10個技巧03-13