DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS設置網頁的字體 防浏覽器浏覽頁面字體變形
CSS設置網頁的字體 防浏覽器浏覽頁面字體變形
編輯: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 ;
 

復制代碼 代碼如下:
<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操作系統。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved