CSS設定網頁的字型 防瀏覽器瀏覽頁面字型變形

來源:互聯網
上載者:User

電腦裡說不上是哪裡出問題了. 看很多網頁, 字型都變了. 不是宋體了. 看上去比較難看.

拿SOHU來說吧, 在我的電腦上看就是這樣. 可能看不去不太舒服吧. 而看網易並沒有這樣的問題.

由於就猜想懇定是SOHU沒有設定網頁的字型. 簡單看了一下他們的CSS代碼(沒有細看).發現真的沒有font-family . 而網易的就有 . font-family:"宋體", arial;

這樣的問題,我發現很多人都犯,寫CSS時都不喜歡設定字型. 如果像我這樣的人. 電腦經常出問題, 字型不知道怎麼就這樣了. 而我傻的還不知道怎麼改回來. 那麼看網頁的字型就這樣了. 我想地球這麼大. 像我這樣的人應該大有人在吧. 所以.在寫CSS還是設定一下網頁的字型吧.
可能有人會問:
1、在CSS設定字型怎麼設定?
答:在CSS檔案中加入這一行。 複製代碼 代碼如下:body{font-family:Verdana, "宋體", Arial,Sans;}

2、你為什麼把“Verdana”放在“宋體”的前邊?
答:舉兩個例子你就知道了!
A、這個例子,我是設定 font-family:Verdana, "宋體", Arial,Sans ; 複製代碼 代碼如下:<style>body{font-family:Verdana, "宋體", Arial,Sans;font-size:12px;}</style>A、這個例子,我是設定 font-family:Verdana, "宋體", Arial,Sans ;<br />看到英文字型會顯示成什麼樣了嗎?<br />例子網站: <a href="http://shanghai.kijiji.cn" target="_blank">客齊集</a><br />

這樣寫的目地是讓英文字型更好看一些,用英文字型VERDANA來顯示。而不是用中文宋體來顯示。

B、這個例子,我是設定 font-family: "宋體",Verdana, Arial,Sans ; 複製代碼 代碼如下:<style>body{font-family: "宋體",Verdana, Arial,Sans;font-size:12px;}</style>B、這個例子,我是設定 font-family: "宋體",Verdana, Arial,Sans ;
;<br />看到英文字型會顯示成什麼樣了嗎?<br />例子網站: <a href="http://www.163.com" target="_blank">網易</a><br />

這樣寫網頁中的英文字型看不去不太舒服,網易不用這樣的寫法,我相信一定有他的道理的。

說明:以上寫法只適用於WINDOWS作業系統。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.