中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
網(wǎng)頁中、英文安全字體選擇及設置

網(wǎng)頁中、英文安全字體選擇及設置

(2010-06-10 10:27:06)
標簽:

雜談

分類: 網(wǎng)頁技巧

天緣博客目前已支持雅黑字體顯示,這樣在Vista/Windows 7上會看起來更舒服點,問題雖小不過在測試時還是有些小的細節(jié)問題,這里總結一下,網(wǎng)頁字體顯示要求瀏覽者必須具有相應的本地字庫,才會正常顯示,否則將會按照系統(tǒng)默認的字體顯示,所以設計網(wǎng)頁就不得不考慮用戶體驗問題,雖然Vista/Windows 7已經發(fā)布并流行很久了,而Windows XP依然“東方不敗”,占據(jù)過半市場,宋體依然是各大中文門戶不二選擇的主要原因。

一、網(wǎng)頁中文字體

主流中文字體包括:微軟雅黑、宋體、黑體。相對其它那些琥珀、隸書等,前面提到的中文字體相對較為安全,對中文網(wǎng)站而言,宋體的適應性最強,黑體老二,微軟雅黑次之。

其它的新宋體、仿宋和楷體盡量不要用,對很多英文操作系統(tǒng)用戶,即時是加裝了中文語言包,也至多只有上面提到的六種中文字體(不算Adobe裝入字體)。

宋體在VISTA和Windows 7下顯示效果的卻不太好看,難怪很多VISTA老用戶對宋體如此反感,天緣自己用了一段時間Windows 7也比較認可雅黑似乎更好一點(雖然心底更傾向于傳統(tǒng)的宋體),感覺主要原因還是跟Windows 7的Clear Type有關(跟分辨率應該沒有關系,因為同樣分辨率換成XP系統(tǒng)一樣會顯示很好),對小字號的宋體處理并不好,實際上把字號調上去之后,宋體效果在Vista/Windows 7上一樣很好,可惜系統(tǒng)字體又是雅黑,這樣一搭配就變成不倫不類的“丑感”了。

天緣博客是個偏向技術類博客,文章本來就長,字體又不能改的太大,再大頁面就會更長,所以還是換成微軟雅黑了。

二、網(wǎng)頁英文字體

主流的英文字體包括:Verdana,Georgia,Courier New,sans-serif,Arial,Times New Roman,Impact

上面六種字體在英文站中算是用的最多的(天緣簡單調查了五六個英文站),也是比較安全的字體,在各瀏覽器上顯示統(tǒng)一性也比較好,此外,還可以使用Lucida Console,Lucida Sans Unicode,Tahoma,Impact,Lucida Grande,Helvetica等安全字體。

下圖是Dreamweaver CS5上推薦的英文字體,僅供參考:

三、中文字體拼音及Unicode對照表

在CSS中使用中文或拼音均可以,如果發(fā)現(xiàn)CSS精神錯亂,可以使用Unicode編碼代替(延伸閱讀:Unicode百科)。下表左側列字體是按照對應的字體名稱設置風格的,部分效果可能看不到應該是因為您的機子上缺少該字體或操作系統(tǒng)不支持。

中文名 英文名 Unicode
Mac OS
華文細黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1
華文黑體 STHeiti \534E\6587\9ED1\4F53
華文楷體 STKaiti \534E\6587\6977\4F53
華文宋體 STSong \534E\6587\5B8B\4F53
華文仿宋 STFangsong \534E\6587\4EFF\5B8B
麗黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro
麗宋 Pro LiSong Pro Light \4E3D\5B8B Pro
蘋果麗中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B
Windows
黑體 SimHei \9ED1\4F53
宋體 SimSun \5B8B\4F53
新宋體 NSimSun \65B0\5B8B\4F53
仿宋 FangSong \4EFF\5B8B
楷體 KaiTi \6977\4F53
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312
楷體_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
微軟正黑體 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53
微軟雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1

本表格來源(節(jié)選):PRCSS

四、網(wǎng)站字體設置方法

這個比較簡單,字體可以通過元素的style特性,還可以直接寫到CSS文件里,在JS里動態(tài)設置也可以(效果相同一般只做特殊用途),例如:

寫在元素的style特性里(示例):

<div style="font-family:Verdana, sans-serif">http://www.metsky.com</div>

寫在CSS風格文件里(示例):

body { margin:0; padding:0; font-family:Arial,"Microsoft YaHei",Simsun; }

注意:上述字體在使用時,如果是中文字體(或英文字體名超過一個單詞的字體)時,需使用雙引號擴起來,比如:font- family:Arial,"Microsoft YaHei","宋體";

五、字體使用參考建議

1、使用黑體字體的字號建議不要小于18px,否則在1024×768分辨率下,黑體顯示會有些“變形”,不太美觀,再加粗的情況下會很丑(字號像素知識:知識百科:中文字號、磅和像素對照關系)。

2、在網(wǎng)頁設置可以把雅黑和宋體兩種字體全部寫上,似乎如果不設置宋體字體,可能在1280×800等寬屏分辨率下,使用Windows XP的用戶會對雅黑字體網(wǎng)站顯示模糊,天緣實測過調整平滑也沒效果,也可能測試的有問題(暫不確定)。

3、IE6及IE8的兼容模式似乎對類似Arial,"Microsoft YaHei","SimHei"這樣的組合標識認識有問題,單獨字體設置沒有問題。

4、感覺IE這么好的瀏覽器,被微軟越做越難用了,包括IE8,兼容性比起Firefox、Chrome、Opera等差遠了。

5、安全是相對的,不安全是絕對的。

本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
HTML CSS 好看常用的中文字體
css中font-family的中文字體
網(wǎng)頁字體設置英文及Unicode轉換-網(wǎng)站設置字體與Unicode轉換表
Css字體中英文對照表 - 向山舉目
前端開發(fā)你該知道的字體 font-family
CSS命名網(wǎng)頁字體CSS英文命名的英文字體
更多類似文章 >>
生活服務
熱點新聞
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服