CSS設定網頁的字型 防瀏覽器瀏覽頁面字型變形_經驗交流

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

拿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 ；
複製代碼 代碼如下:
A、這個例子，我是設定 font-family:Verdana, "宋體", Arial,Sans ；
看到英文字型會顯示成什麼樣了嗎？
例子網站： 客齊集


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

B、這個例子，我是設定 font-family: "宋體",Verdana, Arial,Sans ；
複製代碼 代碼如下:
B、這個例子，我是設定 font-family: "宋體",Verdana, Arial,Sans ；
；
看到英文字型會顯示成什麼樣了嗎？
例子網站： 網易

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

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

