網(wǎng)頁(yè)字體的美化
2024-09-12 15:14:44
供稿:網(wǎng)友
我設(shè)計(jì)第一篇網(wǎng)頁(yè)的時(shí)候,就遇到了字體的設(shè)置問(wèn)題。我發(fā)現(xiàn)如果用軟件約定的字體大小,則顯示效果會(huì)很難看的。我是用2000作網(wǎng)頁(yè),在這個(gè)微軟大加宣傳的網(wǎng)絡(luò)軟件里,文本的設(shè)置居然是如此令人失望,可能有它的難處,我不知道。總之,當(dāng)我研究了半天之后,我明白過(guò)來(lái):在顯示器上,中文字體的字號(hào),最保險(xiǎn)的,是9pt,11pt也不錯(cuò)。如果你在或里設(shè)置文本的大小,可很容易找到這兩種字號(hào)。但在frontpage里,甭想!除非你手工設(shè)置“格式”菜單里的“樣式”。在“樣式”對(duì)話框里,你可以對(duì)網(wǎng)頁(yè)的各個(gè)部分進(jìn)行較為自由的“修改”。修改的內(nèi)容就是格式,包括“字體”、“段落”、“邊框”、“編號(hào)方式”和“定位”五種。實(shí)際上,這些格式內(nèi)容,在“格式”菜單里就有的。但在“樣式”設(shè)置當(dāng)中,可以得到更大的自主權(quán)。不信你就試試。在某一表格內(nèi)先隨便寫一段中文,然后打開(kāi)“格式”菜單里的“字體”設(shè)置對(duì)話框。看看在字體大小選擇中,是否有9pt?沒(méi)有。直接寫上9pt行嗎?不行。沒(méi)轍了?別急,請(qǐng)進(jìn)入“樣式”對(duì)話框試試,此對(duì)話框的左邊是“樣式”內(nèi)容選擇,也就是說(shuō),讓你選擇你想手工設(shè)置的具體內(nèi)容。比如你可以選擇“td”,即對(duì)表格內(nèi)容進(jìn)行設(shè)置。“樣式”對(duì)話框的右邊有一個(gè)“修改”按鈕,進(jìn)入“修改”后,就看到左下角那個(gè)討厭的“格式”按鈕了。里面就是上邊談到的五種選擇。我們選“字體”。在這個(gè)字體對(duì)話框中,你可以輸入自己想要的字體大小值,直接輸入“9pt”,再一路“確定”回來(lái),看看頁(yè)面上的字體是否聽(tīng)話?
好了,我們總算找到一種完全通過(guò)菜單選定字體大小的方法。用這種方法,你可以設(shè)置各種尺寸的字體。(這下微軟又有理了:誰(shuí)說(shuō)我們的軟件沒(méi)擺脫編碼的麻煩?)然而,這還不算麻煩么?
實(shí)際上,如果你對(duì)編碼這玩意兒不抱成見(jiàn),肯用心去研究一下,它也不見(jiàn)得有多嚇人。還是以上面這個(gè)例子來(lái)說(shuō)吧,我們自定義“td”即表格的字體大小為9pt。那么,它的編碼是什么樣的呢?轉(zhuǎn)到軟件界面左下角的html顯示窗,你將看到網(wǎng)頁(yè)的html編碼。一般都叫它html代碼。
在代碼的上方,區(qū)之間,有一句“td{ font-size: 9pt }”。這就是我們剛才費(fèi)半天勁設(shè)置的“表格樣式”代碼。 噬希綣慵?jí)q米。庖瘓渲苯有瓷先ゾ涂梢粵恕?br>
現(xiàn)在,我可以告訴你簡(jiǎn)單的結(jié)果了:在網(wǎng)頁(yè)字體的大小設(shè)置上,只須在每頁(yè)的區(qū)之間加入以下一段代碼即可。
關(guān)鍵的問(wèn)題倒是:究竟我們可以在網(wǎng)頁(yè)上用幾種大小的字體?也就是說(shuō),顯示器上的網(wǎng)頁(yè)中,有幾種字號(hào)是美觀的。9pt是公認(rèn)的字號(hào),絕大多數(shù)網(wǎng)頁(yè)都用它,11pt也好看。問(wèn)題似乎解決了,可是假如你有一段文字想設(shè)置得比9pt更小,咋辦?用8pt或7pt行嗎?如果你的顯示器“桌面顯示字體”是大字體,那你會(huì)覺(jué)得可行。然而且住!大多數(shù)不是1024×768分辨率的17英寸顯示器,而是800×600或者640×480的14英寸或15英寸的。他們的“桌面顯示字體”往往是小字體,這時(shí),8pt或7pt的顯示效果會(huì)很難看,而且基本上看不清。有別的辦法嗎?有! 辦法很簡(jiǎn)單,告訴你另一種大小的字體表示法,即:“12px”。它比9pt字號(hào)要小,而且在不同的顯示器上,看上去都挺好。所以,你只要將上面代碼中的9pt改為12px就行了。但你可能會(huì)問(wèn):我不想要整張網(wǎng)頁(yè)都改成12px,而只想讓某一段文字是12px,那又如何辦呢? 對(duì)單獨(dú)文本的改動(dòng)可用這樣的方法:在這一段文本的開(kāi)頭位置(我是指在代碼頁(yè)),加入這樣一句代碼:
如此,這一段文字就是12px的小字體了,ok!
最后,捎帶著講一下“粘貼代碼”的問(wèn)題。你肯定會(huì)拿這些代碼去粘貼的,因?yàn)楹芊奖恪N覀冊(cè)谥谱骶W(wǎng)頁(yè)時(shí),常常需要這樣的粘貼。在粘貼代碼時(shí),如果你的代碼是直接從其它網(wǎng)頁(yè)上copy的,則在粘貼時(shí)軟件很有可能把代碼看作文本,這時(shí),代碼不起作用,而且,你會(huì)在網(wǎng)頁(yè)上看到你剛粘貼上的代碼。如果是這種情況,可以先將copy的代碼粘貼到寫字板上,再copy一次,然后貼入網(wǎng)頁(yè)代碼區(qū)內(nèi),問(wèn)題將得到解決。