網頁設計中字體在運用中的一些小技巧
常用字體
我們頁面的絕大部分內容字符都是中文,毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字體是宋體,但是宋體在顯示英文、數字和英文符號時過於糟糕。使用英文字體作為第一默認字體會導致的問題之一就是中英文以及符號混排時的對齊問題、通過設置行高和 hasLayout 能解決絕大部分情況,但是都不會很完美,如果把字體改成“宋體”能徹底的解決問題。很明顯,這個問題只出現在 IE 上。
不同操作系統上的字體
我們有時候為了能夠突出設計的不同效果,還會使用其他的字體。windows操作系統擁有40多種英文字體和5種中文字體。這些字體,你也可以在網頁裏自由使用和設置。凡是使用windows操作系統的瀏覽器都可以正確顯示這些字體,但在其它操作系統裏,如unix則不能完全正確顯示。網頁字體的樣式一共有四種:正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。
特殊字體或藝術字體
為了設計出比較炫的效果,我們通常會用到特殊的字體來體現出自己的設計風格,但是這種字體是用樣式調用不出來的,這種情況,我們只有將其做成圖片置入到網頁中了,網站不僅能保持設計時的美觀,而且還能讓所有人看到的頁面是同一效果。
瀏覽器默認的樣式
往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設置,這就導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致,於是就有了類似YUI的'reset之類用來儘量重寫瀏覽器的默認設置保證各個瀏覽器樣式一致性的做法。拿字體來説,各個瀏覽器默認的字體種類、字體大小和字體行高都不一樣,比如IE8的中文版在Windows XP下顯示網頁時默認字體是宋體,而英文版肯定不會如此。所以我們需要統一設置默認的字體樣式,以便實現一致的顯示效果來保證設計的一致性和提高開發效率。
相關文章
-
網頁設計中的一些小技巧大綱
1. 簡單的導航簡單的導航可以讓瀏覽者一眼就找到,可以更方面的瀏覽網站,如果你的用户花了30多秒去找到他感興趣的內容,是很可怕的。2. 避免頁面太長這樣做出來的網站就會太大,直接影響打開的速度,導致瀏覽者沒有太多的耐心 -
網頁設計中對多媒體技術的運用論文
1網頁設計過程中對多媒體技術的運用隨着信息技術的不斷進步,多媒體技術得到了迅速發展,當前網絡傳輸的技術以及硬件技術也在不斷的提高,這樣也就為藝術和技術的結合創造了良好的條件,這樣也有利於網頁的設計體現出更為優 -
網頁設計稿完成後,如何在頁面實現過程中保證字體效果和設計稿一致?
字體都是宋體、微軟雅黑等常見字體,也就是説用户電腦裏是有這些字體的.。網頁實現過程中如何在字體方面設計稿保持一致?字體方面包括但不限於以下:字體邊緣(如PS中微軟雅黑的消除鋸齒);間距;行高(PS中的行高和CSS的行高 -
網頁設計中的圖片使用技巧
圖片不僅僅能夠增加網頁的吸引力,傳達給用户的更加豐富的信息,同時也大大提升了用户體驗。下面給大家介紹網頁設計色彩搭配技巧,一起來學習吧! 網頁設計中的圖片使用技巧 1、運用超大背景圖這種製作效果已經遍佈各大 -
網頁設計中圖片的使用技巧
圖片在網頁中所扮演的角色越來越重要。將圖片在網頁中得當的應用,會加分哦~不妨看看都有哪些使用技巧吧。以下僅供參考!抓人眼球的首圖橫跨屏幕的輪播首圖是時下流行的網頁設計手法,設計師通過覆蓋視野式的圖片來營造身 -
圖層疊加混合模式在網頁設計中的運用
案例一 圖標設計中增加色彩的飽和度和明暗對比度之所以會引出要討論圖層疊加混合模式的問題,是由於我個人按照網上的教程在做圖標設計練習的時候,發現設計師有意識的使用了圖層疊加來增加明暗的對比度,創建出了非常好的 -
網頁設計中多媒體技術的應用介紹
1計算機多媒體技術在網頁設計中的應用1.1在即時通信設計中的應用網頁是一種藉助互聯網來進行信息傳播、功能實現的平台。因此,在網頁設計的過程中,需要確保其通信質量、速度。但是,如果網頁的內容比較繁多,存儲需求比較大 -
網頁設計技巧有哪些
導語:作為網頁設計師要一直有更好的創意,這只是一部分,其實掌握一部分設計技巧也能起到很大作用。以下是小編為大家精心整理的網頁設計技巧,歡迎大家參考!1.對比圖像,文字更具吸引力與你所認為的相反,在瀏覽一個網站的時候,能 -
網頁設計中圖像的優化技巧
網頁設計中圖像的優化網頁圖像設計的最終目標就是設計製作出佔用空間較小的優美圖像。為了達到此目的,需要為圖像選擇一種具有最佳壓縮比的文件格式,同時能最大限度地保持圖像的質量不受損失,這就需要對圖像進行優化也就 -
網頁字體在Frontpage2000製作網頁過程中的使用方法
運用Html,我們可以對字體的大小及字形進行簡單的修改,但要進行統一地控制、創建特殊效果,就必須要用到css.它能讓您更有效地控制網頁外觀,並可以擴充精確指定網頁元素位置,外觀以及創建特殊效果的能力。考慮到用frontpage