網站建設 中關于默認字體你需要了解

        首先要從瀏覽器默認字體說起，瀏覽器中的樣式往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設置，這就導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致，于是就有了類似YUI的reset之類用來盡量重寫瀏覽器的默認設置保證各個瀏覽器樣式一致性的做法。

    拿字體來說，各個瀏覽器默認的字體種類、字體大小和字體行高都不一樣，比如IE8的中文版在Windows XP下顯示網頁時默認字體是宋體，而英文版肯定不會如此。所以我們需要統一設置默認的字體樣式，以便實現一致的顯示效果來保證設計的一致性和提高開發效率。

    第一：字體arial

     我們頁面的絕大部分內容字符都是中文，毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字體是宋體，但是宋體在顯示英文、數字和英文符號時過于糟糕，比如?字符，所以我們一般期望通過CSS來實現用更好的字體樣式來顯示它們，然后用宋體來顯示中文和中文符號。之所以選擇arial是因為：

    1，Windows和Mac都預裝了這款字體，應該是使用最廣泛的網頁字體了。它的潛在對手tahoma和helvetica就沒有這么幸運了。

     2，視覺設計的專業人士可能會認為在Windows中使用tahoma、在Mac中使用helvetica更好，比如淘寶的默認字體樣式是font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;

      這是一個很不錯的選擇，但是你也會發現Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作為第一默認字體。所以從美觀和可讀性上來講arial應該是完全可以接受的。

一般情況下設置font-family都會在最后設置通用字體族以保證其安全性，比如Google的設置為font-family:arial,sans-serif;，但是至少在非中文版的Win7下當編碼是GBK時，IE8會因sans-serif來渲染宋體，導致字體出現變形，這就是為什么淘寶需要在sans-serif前加上宋體而Google無需這樣做的原因。

     因為中文字體的選擇非常有限，所以目前所有的主流瀏覽器都設置使用宋體來顯示中文。Baidu的首頁和搜索結果頁使用font-family:arial;可以從側面說明這樣做的安全性。可能有人注意到Firefox中國版默認顯示的中文字體是微軟雅黑，這是因為謀智網絡擅自修改了用戶自定義樣式，不允許網頁的樣式覆蓋瀏覽器設置的樣式。也是由于類似的情況，我們要彈性設計網頁非常重要。

     使用英文字體作為第一默認字體會導致的問題之一就是中英文以及符號混排時的對齊問題、通過設置行高和hasLayout能解決絕大部分情況，但是都不會很完美，如果把字體改成“宋體”能徹底的解決問題。很明顯，這個問題只出現在IE上。所以，如果你的網站很少使用英文、數字和英文符號，那么直接設置{font-family:\5b8b\4f53;}也是很合理的選擇。

     第二：樣式優先級

     通常用戶看到的頁面的樣式會受到三層控制:

     1，瀏覽器的默認樣式； 2，網頁定義樣式； 3，用戶自定義樣式。

    和CSS一樣，后面的優先級高于前面的，也就是說網頁定義樣式可以覆蓋瀏覽器的默認樣式，而用戶自定義樣式優先級最高。不過，當有 !important 時，網頁樣式可以覆蓋用戶自定義樣式。用戶!important > 網頁!important > 用戶 > 網頁 > 瀏覽器默認。

      第三：大小12px

      12px是宋體能顯示的極限，雖然微軟雅黑能顯示更小的字體，但目前的應用環境尚未成熟。由于宋體基本上是目前顯示中文唯一的通用Web字體，所以12px成為最常用的字體大小。我們當然可以依據產品的需要來修改這個默認值。

      不用考慮基于字體大?。╡m）的設計。

       在Chrome3.0之后的中文版中，字體大小最小值是12px，比如你設置最小字體為10px，最后也變成12px。

       第四：行高1.5倍

       這是一個經驗值，不同的產品對這個值要求可能不同，但我們一般會設置最常用的為默認值。比如YUI的font中是font:13px/1.231 arial,helvetica,clean,sans-serif;即字體大小默認值是13px，行高是13*1.231=16.003px，默認的行高是默認字體的1.231倍。對于中文來說，常用的字體大小12px、14px、16px、18px等偶數大小，在IE6和IE7設置其行高也為偶數能解決一些特殊情況下的字體對其問題。

        在IE6和IE7中，行高值必須大于字體的2px才能保證字體的完整顯示或當其作為鏈接時能有效顯示下劃線。

        設置line-height時，注意不要使用單位（包括%在內），因為子節點會繼承經過運算后的line-height值，所以當使用單位后瀏覽器會把line-height計算成第一次定義的絕對值，而不會隨著字體大小的變化而變化，而無單位的數值表示是所在容器的font-size的倍數，所以設置為無單位的數值是最佳選擇。

       五：性能和效率第

       1，大部分平臺都有arial，減少瀏覽器的查找時間。

       2，代碼最少，書寫方便。arial基本上是名字最短的字體了，可以節約CSS的大小。

        3，所有的字母都小寫，目前Google就是這樣做的，好處是既可以編寫更快也能提升Gzip壓縮的效率。

         中文最好用unicode表示，比如使用宋體是{font-family:\5b8b\4f53;}，使用微軟雅黑是{font-family:\5fae\8f6f\96c5\9ed1;}，這樣的好處是避免編碼問題，同時能得到所有的主流瀏覽器的支持。

    通過對中英文及符號混排的測試， 我發現微軟雅黑其實表現相當不錯，包括英文數字和英文字符以及在IE6和IE7的顯示效果上，但唯一的遺憾是在XP下如果安裝了微軟雅黑字體的用戶沒有打 開“使用屏幕字體的邊緣平滑”選項的話，在firefox、Safari和Opera、特別是IE6下會非常模糊難以辨認。針對這個問題目前并沒有很好的 解決方案，所以只有等到IE6使用比率非常小的時候才可能正式的使用它?；蛟S需要到2014年，XP死掉的時候。

     雖然很早就有了@font-face，但是瀏覽器的支持、網速和商業問題，導致它很少被應用。最近關于字體的好消息是Firefox3.6將支持Web Open Font Forma。關于Web字體未來的相關信息可以看Web 字體的未來、關于 Web 字體：現狀與未來和再談 Web 字體的現狀與未來。

互聯網已經發展了幾十年，對我們的影響很多，不但社會進步了，人們生活水平也提高了。人們對于網站的需求也越來越大，無論是企業還是個人都想制作網站來發展自己?，F在現在網站制作不同于以往只是隨便搭建一些框架，上傳一些內容，就是網站。企業對網站質量要求是越來越嚴格了，并不是口頭上說說要有一個高質量的網站，然后轉頭選了個模板。只有真正高質量的網站才能企業有幫助，才能更貼近客戶。那么，網站質量不是偽命題，怎么建才有效呢？

網站質量不是偽命題這么建才有效

　　一、定制高質量網站

　　一般企業都覺得，只有定制的才是高質量的網站。企業制作網站定制原創，從根本上提升網站質量，這是一個真命題。像一般的模板網站或者仿制網站，并不能稱為高質量網站，只能說是高質量的模板網站，與定制存在差別。很多企業原意花成千上萬的費用來打造一個網站，目的在于要讓自己與眾不同。定制網站的首要特點就是外觀好看，能夠吸引客戶，讓客戶產生點擊的欲望。其次就是網站框架布局，還有內容展示方面，要能充分展示企業文化，企業形象，還有對產品的適當宣傳。通常制作定制網站都會對企業進行分析，分析網站使用群體，分析客戶需求，分析企業需求。高質量的網站都是這么制作出來的，并不是低價網站能過到的效果。

　　二、有質量的內容

　　建一個有質量的網站，需要提供有質量的內容。網站內容一直被客戶詬病，很多企業只是一味地給網站填充內容，不考慮內容質量。雖然網站得到更新，但對于客戶對于搜索排名，卻沒有什么提升。內容可讀性差，客戶自然不愛看。內容質量低搜索引擎也不愛抓取。提升內容質量有助于提高網站收錄排名，這無需質疑。所謂日常更新，不是簡單的給網站上傳點資料就了事，關鍵在于內容質量。很多時候這些內容都是通過網絡收集，再轉抄到企業網站里，這些內容都是使用率很高的，已經有的內容搜索引擎就不會再收錄。因此，提升網站質量就要從提升內容質量開始。

　　三、提高客戶體驗

　　提高客戶體驗主要在于制作網站時功能要符合客戶需求，功能要好用，網站內容要有質量，網站風格要吸引客戶。人們為了提高自己的生活質量，都處于高節奏工作中，如果客戶打開網站出現加載狀態，時間短的還好，時間長的會降低客戶耐性選擇關閉網站。那么網站有多好看，內容多有趣，客戶也不會知道，提升網站速度是提升客戶體驗的一方面。有些企業為了使網站豐富有趣，就會在網站里增加視頻或者酷炫功能，這使網站整體加載速度都變慢。如果電腦質量差一點，寬帶慢一點的，這些內容就無法展示。因此，提高客戶體驗至少不能在速度方面讓客戶等待。不實用的功能或者質量差的網站配置都應摒棄。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司