首頁 >web前端 >css教學 >CSS設定網頁的字體 防瀏覽器瀏覽頁面字體變形_經驗交流

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

WBOY
WBOY原創
2016-05-16 12:08:212056瀏覽

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

拿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作業系統。 
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn