網(wǎng)頁(yè)設(shè)計(jì)中最重要的細(xì)節(jié)之一——字體(2)
fantasy:裝飾用字體。多數(shù)用于標(biāo)題,極具個(gè)性,字體繁多,藝術(shù)字體。無(wú)法對(duì)其的大小、形狀下一個(gè)統(tǒng)一的定論,所以沒(méi)有默認(rèn)字體,在網(wǎng)頁(yè)中,也通常很少用到,除非你有特殊的用處創(chuàng)意性的設(shè)計(jì)。
關(guān)于通用字體系列的更多解釋、描述和字體舉例,推薦大家查看在 W3school 上的資料。
字體的格式
格式就是指字體表現(xiàn)出來(lái)的粗細(xì)、寬度和姿態(tài)等等特征??聪旅娴倪@張圖片:
里面的字,是相同大小的,同時(shí)排放在一條豎線(xiàn)上。為其應(yīng)用了四種不同的字體后,體現(xiàn)出來(lái)了不同的形態(tài)和粗細(xì)大小。在中文字體中,不同的字體,在字間距中通常沒(méi)有很大的變化。而在英文字體中,不同的字體會(huì)改變字母的大小,導(dǎo)致整體的尺寸布局不同,進(jìn)而導(dǎo)致整個(gè)排版混亂。
相同的字體大小,在不同的字體下面,顯示的效果幾乎完全不同。這是英文字體選擇中,比較麻煩和頭疼的問(wèn)題。
字體的選擇
上面的這些理論,從某些角度和意義上來(lái)說(shuō),都是廢話(huà)。如何選擇合適的字體,才真正切合實(shí)際。那么我們應(yīng)該如何選擇在網(wǎng)頁(yè)中使用的字體呢?
解決這個(gè)問(wèn)題,我們先應(yīng)該知道為什么要糾結(jié)于選擇字體這個(gè)問(wèn)題。我個(gè)人認(rèn)為應(yīng)該存在 實(shí)用性 和 創(chuàng)意性 這兩個(gè)方面的因素。創(chuàng)意性很好理解,就是想突破常規(guī),配合自己的網(wǎng)頁(yè)中的設(shè)計(jì)思想而選擇相應(yīng)的字體,例如表達(dá)程序員的思維,就對(duì)代碼使用等寬字體,表達(dá)恐怖、古典,使用哥特式字體等等。這點(diǎn)自己去找字體好了,不再贅述。最主要的問(wèn)題是在于 實(shí)用性 的方面。
實(shí)用性問(wèn)題,即不需要太過(guò)于華麗的字體,只需要大家看的都舒服、稍微帶點(diǎn)自己的特色即可。你會(huì)說(shuō),很容易啊,直接 CSS 定義一條,填上個(gè)字體就好了。如果真這樣,那就太好了。瀏覽器解析字體的過(guò)程實(shí)際上是這樣的,當(dāng)瀏覽器加載 CSS 后,解析到有關(guān)字體的樣式,它會(huì)在你的系統(tǒng)中查找這個(gè)字體,只有找到了相應(yīng)的字體文件,才會(huì)根據(jù)那個(gè)字體文件對(duì)網(wǎng)頁(yè)中的文字進(jìn)行渲染,顯示出你想要的效果。
既然這樣,如果你的操作系統(tǒng)中,并沒(méi)有安裝網(wǎng)頁(yè)中定義的那種字體,就無(wú)法渲染出那種字體的效果,而通常使用當(dāng)前系統(tǒng)的
本文地址:http://m.likemindfilms.com/tutorial/di1286.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏