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

        首先要從瀏覽器默認字體說起，瀏覽器中的樣式往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設置，這就導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致，于是就有了類似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成為最常用的字體大小。我們當然可以依據產品的需要來修改這個默認值。

      不用考慮基于字體大小（em）的設計。

       在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使用比率非常小的時候才可能正式的使用它。或許需要到2014年，XP死掉的時候。

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

通常建網站的思路會包含：策劃、設計、推廣運營等，一般的企業建網站是想通過網站達到開展網絡宣傳的目的，實現電商的目的。通過了解項目用戶的宣傳策略，使企業以最小的網站投入，超越同行競爭對手，獲得更有效的市場回報，網站作為互聯網宣傳的起點，思路的嚴謹性、實用性將直接影響到網站的效果。以用戶需求為網站導向，結合自身的想法與要求，在滿足公司不同階段的戰略目標的基礎上，制定階段性的網站規劃思路，那么都有哪些與眾不同的建網站思路呢。

那些與眾不同的建網站思路

　　建網站的宣傳思路：主要工作包含項目可行性分析、同行競爭對手分析、網絡產品思路、網絡獲利思路、設計網站思路、賣點思路、網絡推廣思路，最后綜合為一套專業的網站宣傳思路。

　　網站在技術方面的可行性分析，就是根據現有的技術條件，分析企業的目標、要求能否達到，以及所采用的技術方案是不是具有一定的先進性。建網站在技術上的可行性可以從硬件的性能要求、程序的性能要求等幾個方面去思考。

　　在瀏覽量方面的思路，不論網站內容怎樣豐富，網頁設計怎樣精致，但不能有較高瀏覽量這個網站還是失敗的。怎樣能讓更多的人知道并訪問您的公司網站呢，也就是怎樣在網絡上宣傳自己的企業呢？首先應該理出一套網站的推廣方案，并將一些推廣方法計劃性地規劃重組。一方面是客戶自己宣傳網站，如通過名片，印刷品等打上網址。另外一個方面，通過網絡上的電子宣傳，如搜索引擎、友情鏈接、郵件宣傳等。

　　公司在自己建網站中一定要盡量多明白些信息，多做些比較，審查他們所提交的網站方案。做網站實際上并不是一個省事的工作，怎樣站在企業的角度去規劃、營造一個實用的網站，投入與網站功能相配套的效果，需要用戶與設計企業或專業人員仔細研究，要知道自己想做什么網站，目標又是什么，不要說要做個網站，就隨隨意便做了個網站，那樣是沒用的，等于沒做，我們要思考以后的問題，舉一個簡單的例子，現在隨意做個網站，到時候想做SEO優化的話能行嗎，關鍵詞能上去嗎，那還不是得重做，因此要做深遠的考慮！

　　最后要淡會細心傾聽，傾聽是為了收集信息，把握現有情況，收集網站用戶的想法。一些網站用戶的個人想法，例如對產品的認識規劃及對產品的希望、背景、對于現有思路的意見等，這些都是存在在網站用戶的腦海中，設計師應該努力將這些信息都可視化，這些因素對建網站將會有很大的啟迪和靈感激發。以此思路來建設出與眾不同的網站。

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