●字體(Font)的設置是網頁製作新手遇到的第一個難點。如何控制字體大小,如何取消
超鏈接字體的下劃線是網友來信問得最多的。好,我們來徹底研究一下字體的各個方面:
○字符集的設定。
在查看html文件原代碼時,我們經常可以在文件頭和之間看到這麼一句
代碼:
○字體的使用。
在網頁裡,字體的定義語句是:顯示文字
其中Arial就是一種字體的名稱。
默認的瀏覽器定義的標準字體是中文細明體和英文times new Roma字體。也就是說,
如果你沒有設置任何字體,網頁將以這兩種標準字體顯示。同時,著兩種字體也可以在任
何操作系統和瀏覽器裡正確顯示。
windows另外自帶了40多種英文字體和5種中文字體。這些字體,你也可以在網頁裡自由
使用和設置。凡是使用windows操作系統的瀏覽器都可以正確顯示這些字體,但在其它操作
系統裡,如unix 則不能完全正確顯示。
如果你需要用一種特殊的字體來體現你的風格,那麼如何讓大家可以真正看到你的設計
頁面呢?解決的辦法是:用圖片。
將需要用這種字體的地方用圖片代替,以保證所有人看到的頁面是同一效果。
○字體的樣式(style)。
字體的樣式有四種:正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。
設置方法很簡單,阿捷就不多囉嗦了。
○字體的效果。
這裡指通過html語言設定可以直接顯示的效果,在html裡的語句設定為:
○字體大小的控制。
字體大小的控制是本節的重點。
一般字體默認的大小是12pt(鎊).用語句可以將文字增大2pt。這種方法我們都已經掌握了。而現在網絡上最流行的小中文字體大小為9pt,是如何設定的呢?有三種方法:
2.用CSS層疊樣式表。CSS是DHTML的一個組成部分,它可以定義整個頁面的字體顯示風格和大小。是較為簡便的方法。比如,這裡需要設定整個頁面文字大小為9pt,只要將下面這段代碼加入html代碼的和之間:
同樣用CSS可以更簡便的設定網頁超連接的樣式,看下面這段代碼
關於CSS的設定還有更多的用法和技巧,比如在同一頁中設定不同的字體大小和超鏈接顏色,請學習有關CSS的專門知識(可以到阿捷的主頁:
●上面已經介紹了字體在技術上的各個方面。有關字體的設計使用,目前還沒有一個成熟的理論,
下面是幾條網頁設計中字體的使用原則,僅供參考:
1.不要使用超過3種以上的字體。字體太多則顯得雜亂,沒有主題。
2.不要用太大的字。因為版面是寶貴,有限的,粗陋的大字體不能帶給訪問者更多信息。
3.不要使用不停閃爍的文字。想讓瀏覽者多停留一會兒的話,就不要使用閃爍的文字。
4.原則上標題的字體較正文大,顏色也應有所區別。
「長城腳下的公社」建築 |
美《商業週刊》評中國十 |
鼎煌格韻之別墅效果圖篇 |
Kearch作品-Plummer Pa |
幾幅不錯的景觀手繪作品 |
白雲國際會議中心設計方 |
Zaha Hadid作品-Vitra消 |
室內設計圖片 Soo Sang |
大導演馮小剛家的家居設 |
茲羅列194種創意線索 |
標識設計之連字設計全剖 |
服裝設計的三大要素 |
Lexon-可折疊衣架 |
Lexon小產品-鑰匙環 |
Built NY作品-BYO便攜食品 |
創意小產品系列-便利花瓶 |
創意小產品系列-轉筆刀 |
Wet Design節水型龍頭 |
創意小產品系列-木書籤 |
第一代紅旗草圖 |
創意小產品系列-彈性鉛筆 |
創意小產品系列-文件夾 |
2006 第六屆上海雙年展-超設 |
栩栩如生的人體蠟像 |
國際名師的極端設計 |
日本漫畫家手塚治蟲作品圖片 |
達芬奇設計成就展--領略藝術 |
岡特·蘭堡作品賞析 |
國人創意最NB 聯想壁紙設計大 |
外國另類創意幽默創意圖 |
一組另類鬼異的視覺設計圖片 |
建國以來振奮人心的宣傳畫大 |
建國以來振奮人心的宣傳畫大 |
建國以來振奮人心的宣傳畫大 |