您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁設(shè)計(jì)中最重要的細(xì)節(jié)之一——字體(2)

cursive:模仿手寫字體。手寫體,比較個(gè)性,通常用于標(biāo)題、logo等等。這個(gè)字體系列沒有默認(rèn)字體,英文來說,通常用 Comic Sans,中文的話,行書系列、草書系列的字體等,都可以算作手寫字體。

fantasy:裝飾用字體。多數(shù)用于標(biāo)題,極具個(gè)性,字體繁多,藝術(shù)字體。無法對(duì)其的大小、形狀下一個(gè)統(tǒng)一的定論,所以沒有默認(rèn)字體,在網(wǎng)頁中,也通常很少用到,除非你有特殊的用處創(chuàng)意性的設(shè)計(jì)。

關(guān)于通用字體系列的更多解釋、描述和字體舉例,推薦大家查看在 W3school 上的資料。

字體的格式

格式就是指字體表現(xiàn)出來的粗細(xì)、寬度和姿態(tài)等等特征??聪旅娴倪@張圖片:

里面的字,是相同大小的,同時(shí)排放在一條豎線上。為其應(yīng)用了四種不同的字體后,體現(xiàn)出來了不同的形態(tài)和粗細(xì)大小。在中文字體中,不同的字體,在字間距中通常沒有很大的變化。而在英文字體中,不同的字體會(huì)改變字母的大小,導(dǎo)致整體的尺寸布局不同,進(jìn)而導(dǎo)致整個(gè)排版混亂。

相同的字體大小,在不同的字體下面,顯示的效果幾乎完全不同。這是英文字體選擇中,比較麻煩和頭疼的問題。

字體的選擇

上面的這些理論,從某些角度和意義上來說,都是廢話。如何選擇合適的字體,才真正切合實(shí)際。那么我們應(yīng)該如何選擇在網(wǎng)頁中使用的字體呢?

解決這個(gè)問題,我們先應(yīng)該知道為什么要糾結(jié)于選擇字體這個(gè)問題。我個(gè)人認(rèn)為應(yīng)該存在 實(shí)用性 和 創(chuàng)意性 這兩個(gè)方面的因素。創(chuàng)意性很好理解,就是想突破常規(guī),配合自己的網(wǎng)頁中的設(shè)計(jì)思想而選擇相應(yīng)的字體,例如表達(dá)程序員的思維,就對(duì)代碼使用等寬字體,表達(dá)恐怖、古典,使用哥特式字體等等。這點(diǎn)自己去找字體好了,不再贅述。最主要的問題是在于 實(shí)用性 的方面。

實(shí)用性問題,即不需要太過于華麗的字體,只需要大家看的都舒服、稍微帶點(diǎn)自己的特色即可。你會(huì)說,很容易啊,直接 CSS 定義一條,填上個(gè)字體就好了。如果真這樣,那就太好了。瀏覽器解析字體的過程實(shí)際上是這樣的,當(dāng)瀏覽器加載 CSS 后,解析到有關(guān)字體的樣式,它會(huì)在你的系統(tǒng)中查找這個(gè)字體,只有找到了相應(yīng)的字體文件,才會(huì)根據(jù)那個(gè)字體文件對(duì)網(wǎng)頁中的文字進(jìn)行渲染,顯示出你想要的效果。

既然這樣,如果你的操作系統(tǒng)中,并沒有安裝網(wǎng)頁中定義的那種字體,就無法渲染出那種字體的效果,而通常使用當(dāng)前系統(tǒng)的

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/di1286.html
為什么蘋果官網(wǎng)的設(shè)計(jì)如此吸引人?
2013年10大網(wǎng)頁設(shè)計(jì)趨勢(shì)
圖趣網(wǎng)微信
建議反饋
×