網頁設計中字型在運用中的一些小技巧
常用字型
我們頁面的絕大部分內容字元都是中文,毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字型是宋體,但是宋體在顯示英文、數字和英文符號時過於糟糕。使用英文字型作為第一預設字型會導致的問題之一就是中英文以及符號混排時的對齊問題、通過設定行高和 hasLayout 能解決絕大部分情況,但是都不會很完美,如果把字型改成“宋體”能徹底的解決問題。很明顯,這個問題只出現在 IE 上。
不同操作系統上的字型
我們有時候為了能夠突出設計的不同效果,還會使用其他的字型。windows作業系統擁有40多種英文字型和5種中文字型。這些字型,你也可以在網頁裡自由使用和設定。凡是使用windows作業系統的瀏覽器都可以正確顯示這些字型,但在其它作業系統裡,如unix則不能完全正確顯示。網頁字型的樣式一共有四種:正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。
特殊字型或藝術字型
為了設計出比較炫的效果,我們通常會用到特殊的字型來體現出自己的設計風格,但是這種字型是用樣式呼叫不出來的,這種情況,我們只有將其做成圖片置入到網頁中了,網站不僅能保持設計時的美觀,而且還能讓所有人看到的頁面是同一效果。
瀏覽器預設的樣式
往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設定,這就導致如果直接利用預設樣式的頁面在各個瀏覽器下顯示非常不一致,於是就有了類似YUI的'reset之類用來儘量重寫瀏覽器的預設設定保證各個瀏覽器樣式一致性的做法。拿字型來說,各個瀏覽器預設的字型種類、字型大小和字型行高都不一樣,比如IE8的中文版在Windows XP下顯示網頁時預設字型是宋體,而英文版肯定不會如此。所以我們需要統一設定預設的字型樣式,以便實現一致的顯示效果來保證設計的一致性和提高開發效率。
-
[優選]設計方案3篇
為有力保證事情或工作開展的水平質量,常常需要預先準備方案,方案是從目的、要求、方式、方法、進度等方面進行安排的書面計劃。方案應該怎麼制定才好呢?下面是小編幫大家整理的設計方案3篇,希望能夠幫助到大家。設計方案篇1活動目標:1、初步學習使用底紋筆進行平塗,...
-
實用的設計方案(精品3篇)
為確保事情或工作高質量高水平開展,就不得不需要事先制定方案,方案是從目的、要求、方式、方法、進度等都部署具體、周密,並有很強可操作性的計劃。方案應該怎麼制定才好呢?下面是小編為大家整理的設計方案3篇,希望能夠幫助到大家。設計方案篇1為了進一步樹立廣大教...
-
一年級下語文教案指導設計範文
作為一名為他人授業解惑的教育工作者,常常需要準備教案,教案是保證教學取得成功、提高教學質量的基本條件。快來參考教案是怎麼寫的吧!下面是小編精心整理的一年級下語文教案指導設計範文,歡迎閱讀,希望大家能夠喜歡。一年級下語文教案指導設計範文1《火燒雲》【教...
-
二年級語文下冊《秋遊》教案設計
作為一名教師,有必要進行細緻的教案准備工作,教案是教材及大綱與課堂教學的紐帶和橋樑。寫教案需要注意哪些格式呢?以下是小編整理的二年級語文下冊《秋遊》教案設計,希望能夠幫助到大家。二年級語文下冊《秋遊》教案設計1一、教材解讀這是一篇情景交融的散文。全...