網站常用字體那些事 - 網頁設計

http://webdesign.zoapcon.com

網頁字體通常由瀏覽器設定的,而沒有經過設置的瀏覽器通常使用系統默認字體,所以網頁字體和系統息息相關,有什么樣的系統就有什么樣的網頁顯示效果。下面盧松松就介紹下網頁設計常用字體介紹和在XP系統下如何使用微軟雅黑字體。

宋體和微軟雅黑的距離
早在2-3年前,windows中文操作系統幾乎是清一色的“宋體”,幾乎所有網站使用的都是“宋體”,自Vista系統出現以后,Vista和 windows7默認都是微軟雅黑字體。而XP系統的普及,使得宋體在桌面和互聯網中多成為最常用的字體效果,近年來微軟雅黑的字體雖然好看,但普及程度遠遠不及宋體,目前大多使用微軟雅黑的均是互聯網的前衛者。微軟雅黑和宋體已經十多年的時間差距,遠比IE6和IE8之間的距離。

宋體和微軟雅黑的顯示效果


(windows 宋體顯示效果)


(微軟雅黑顯示效果)


網頁的CSS中常用的字體介紹
通常內容應用的字體,font-family:宋體,微軟雅黑,Arial,Verdana,arial,serif。通常標題應用的字體,font- family:font-family:宋體,微軟雅黑,Arial,只是字號的大小不一樣。通常的字體大小,font-size:12px或14px。讓網頁顯示微軟雅黑效果通常這樣寫CSS代碼font-family:微軟雅黑,宋體。這樣網站首選微軟雅黑,如果用戶未安裝微軟雅黑字體,就默認顯示宋體。

讓你的XP電腦顯示微軟雅黑效果
下載微軟雅黑字體拷貝到 C:\Windows\Fonts 目錄,字體即被安裝。
開啟ClearType效果改善微軟雅黑和其它支持ClearType技術字體的顯示效果,如果覺得顯示的 ClearType 不夠清晰,可以到微軟網站 ClearType Tuner 在線調整,也可以下載安裝 ClearType Tuner 的 Windows XP PowerToy 在控制面板中調整。

讓 windowsXP桌面顯示微軟雅黑為默認字體
首先,右擊桌面,點擊屬性。然后,點擊”外觀“選項卡,再點擊”效果(F)…“按鈕,在彈出的對話框里,有”使用下列方式使屏幕字體的邊緣平滑”,在下面選擇“清晰”即可。
原創文章請注明轉載自盧松松博客,本文地址:http://www.lusongsong.com/reed/162.html

 


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    inspirr 發表在 痞客邦 留言(0) 人氣()