 |
 |
|||||
|---|---|---|---|---|---|---|
|
||||||
 |
 |
|||||
2007-1-13 11:13
deying
網頁字體的美化
本來，我沒打算寫這篇文。因為許多站長都親自撰稿，傳授秘籍了。但很多網頁上的字體仍然沒有“美化”效果，想必還是用了軟件提供的默認字號，所以我也跟著來嚷嚷兩句，湊湊熱鬧。
比如我吧，設計第一篇網頁的時候，就遇到了字體的設置問題。我發現如果用軟件約定的字體大小，則顯示效果會很難看的。我是用frontpage2000作網頁，在這個微軟大加宣傳的網絡軟件裡，文本的設置居然是如此令人失望，可能有它的難處，我不知道。總之，當我研究了半天之後，我明白過來：在顯示器上，中文字體的字號，最保險的，是9pt，11pt也不錯。如果你在word或excel裡設置文本的大小，可很容易找到這兩種字號。但在frontpage裡，甭想！除非你手工設置“格式”菜單裡的“樣式”。在“樣式”對話框裡，你可以對網頁的各個部分進行較為自由的“修改”。修改的內容就是“格式”，有“字體”、“段落”、“邊框”、“編號方式”和“定位”五種。實際上，這些格式內容，在“格式”菜單裡就有的。但在“樣式”設置當中，可以得到更大的自主權。不信你就試試，在某一表格內先隨便寫一段中文，然後打開“格式”菜單裡的“字體”設置對話框。看看在字體大小選擇中，是否有9pt？沒有。直接寫上9pt行嗎？不行。沒轍了？別急，請進入“樣式”對話框試試，此對話框的左邊是“樣式”內容選擇，也就是說，讓你選擇你想手工設置的具體內容。比如你可以選擇“td”，即對表格內容進行設置。“樣式”對話框的右邊有一個“修改”按鈕，進入“修改”後，就看到左下角那個討厭的“格式”按鈕了。裡面就是上邊談到的五種選擇。我們選“字體”。在這個字體對話框中，你可以寫入自己想要的字體大小值，直接寫入“9pt”，再一路“確定”回來，看看頁面上的字體是否聽話？
好了，我們總算找到一種完全通過菜單選定字體大小的方法。用這種方法，你可以設置各種尺寸的字體。（這下微軟又有理了：誰說我們的軟件不是擺脫了編碼的麻煩？）然而，這還不算麻煩麼？
實際上，如果你對編碼這玩意兒不抱成見，肯用心去研究一下，它也不見得有多嚇人。還是以上面這個例子來說吧，我們自定義“td”即表格的字體大小為9pt。那麼，它的編碼是什麼樣的呢？轉到軟件界面左下角的html顯示窗，你將看到網頁的html編碼。一般都叫它html代碼。
在代碼的上方，<head></head>區之間，有一句“td{ font-size: 9pt }”。這就是我們剛才費半天勁設置的“表格樣式”代碼。實際上，如果你記得住，將這一句直接寫上去就可以了。
現在，我可以告訴你簡單的結果了：在網頁字體的大小設置上，只須在每頁的<head></head>區之間加入以下一段代碼即可。
<style type="text/css">
body{font-size：9pt}
th{font-size: 9pt}
td{ font-size: 9pt }
-->
</style>
關鍵的問題倒是：究竟我們可以在網頁上用幾種大小的字體？也就是說，顯示器上的網頁中，有幾種字號是美觀的？9pt是公認的字號。絕大多數網頁都用它。11pt也好看。問題似乎解決了，可是假如你有一段文字想設置得比9pt更小，咋辦？用8pt或7pt行嗎？如果你的顯示器“桌面顯示字體”是大字體，那你會覺得可行。然而且住！大多數顯示器不是1024x768分辨率的17寸，而是800x600或者640x480的14、15寸。他們的“桌面顯示字體”往往是小字體，這時，8pt或7pt的顯示效果會很難看，而且基本上看不清。有別的辦法嗎？有！
辦法很簡單，告訴你另一種大小的字體表示法，即：“12px”。它比9pt字號要小，而且在不同的顯示器上，看上去都挺好。所以，你只要將上面代碼中的9pt改為12px就行了。但你可能會問：我不想要整張網頁都改成12px，而只想讓某一段文字是12px，那又如何是好？
对单独文本的改动可用这样的方法：在这一段文本的开头位置（我是指在代码页），加入这样一句代码：
pan style="font-size: 12px">
如此，这一段文字就是12px的小字体了。ok？
最后，捎带着讲一下“粘贴代码”的问题。你肯定会拿这些代码去粘贴的，因为很方便。我们在制作网页时，常常需要作这样的粘贴。在粘贴代码时，如果你的代码是直接从其它网页上copy的，则在粘贴时软件很有可能把代码看作文本，这时，代码不起作用，而且，你会在网页上看到你刚粘贴上的代码。如果是这种情况，可以先将copy的代码粘贴到写字板上，再copy一次，然后贴入网页代码区内，问题将得到解决。
好了，就写这么多吧，我后背都酸了。
本來，我沒打算寫這篇文。因為許多站長都親自撰稿，傳授秘籍了。但很多網頁上的字體仍然沒有“美化”效果，想必還是用了軟件提供的默認字號，所以我也跟著來嚷嚷兩句，湊湊熱鬧。
比如我吧，設計第一篇網頁的時候，就遇到了字體的設置問題。我發現如果用軟件約定的字體大小，則顯示效果會很難看的。我是用frontpage2000作網頁，在這個微軟大加宣傳的網絡軟件裡，文本的設置居然是如此令人失望，可能有它的難處，我不知道。總之，當我研究了半天之後，我明白過來：在顯示器上，中文字體的字號，最保險的，是9pt，11pt也不錯。如果你在word或excel裡設置文本的大小，可很容易找到這兩種字號。但在frontpage裡，甭想！除非你手工設置“格式”菜單裡的“樣式”。在“樣式”對話框裡，你可以對網頁的各個部分進行較為自由的“修改”。修改的內容就是“格式”，有“字體”、“段落”、“邊框”、“編號方式”和“定位”五種。實際上，這些格式內容，在“格式”菜單裡就有的。但在“樣式”設置當中，可以得到更大的自主權。不信你就試試，在某一表格內先隨便寫一段中文，然後打開“格式”菜單裡的“字體”設置對話框。看看在字體大小選擇中，是否有9pt？沒有。直接寫上9pt行嗎？不行。沒轍了？別急，請進入“樣式”對話框試試，此對話框的左邊是“樣式”內容選擇，也就是說，讓你選擇你想手工設置的具體內容。比如你可以選擇“td”，即對表格內容進行設置。“樣式”對話框的右邊有一個“修改”按鈕，進入“修改”後，就看到左下角那個討厭的“格式”按鈕了。裡面就是上邊談到的五種選擇。我們選“字體”。在這個字體對話框中，你可以寫入自己想要的字體大小值，直接寫入“9pt”，再一路“確定”回來，看看頁面上的字體是否聽話？
好了，我們總算找到一種完全通過菜單選定字體大小的方法。用這種方法，你可以設置各種尺寸的字體。（這下微軟又有理了：誰說我們的軟件不是擺脫了編碼的麻煩？）然而，這還不算麻煩麼？
實際上，如果你對編碼這玩意兒不抱成見，肯用心去研究一下，它也不見得有多嚇人。還是以上面這個例子來說吧，我們自定義“td”即表格的字體大小為9pt。那麼，它的編碼是什麼樣的呢？轉到軟件界面左下角的html顯示窗，你將看到網頁的html編碼。一般都叫它html代碼。
在代碼的上方，<head></head>區之間，有一句“td{ font-size: 9pt }”。這就是我們剛才費半天勁設置的“表格樣式”代碼。實際上，如果你記得住，將這一句直接寫上去就可以了。
現在，我可以告訴你簡單的結果了：在網頁字體的大小設置上，只須在每頁的<head></head>區之間加入以下一段代碼即可。
<style type="text/css">
body{font-size：9pt}
th{font-size: 9pt}
td{ font-size: 9pt }
-->
</style>
關鍵的問題倒是：究竟我們可以在網頁上用幾種大小的字體？也就是說，顯示器上的網頁中，有幾種字號是美觀的？9pt是公認的字號。絕大多數網頁都用它。11pt也好看。問題似乎解決了，可是假如你有一段文字想設置得比9pt更小，咋辦？用8pt或7pt行嗎？如果你的顯示器“桌面顯示字體”是大字體，那你會覺得可行。然而且住！大多數顯示器不是1024x768分辨率的17寸，而是800x600或者640x480的14、15寸。他們的“桌面顯示字體”往往是小字體，這時，8pt或7pt的顯示效果會很難看，而且基本上看不清。有別的辦法嗎？有！
辦法很簡單，告訴你另一種大小的字體表示法，即：“12px”。它比9pt字號要小，而且在不同的顯示器上，看上去都挺好。所以，你只要將上面代碼中的9pt改為12px就行了。但你可能會問：我不想要整張網頁都改成12px，而只想讓某一段文字是12px，那又如何是好？
对单独文本的改动可用这样的方法：在这一段文本的开头位置（我是指在代码页），加入这样一句代码：
pan style="font-size: 12px">
如此，这一段文字就是12px的小字体了。ok？
最后，捎带着讲一下“粘贴代码”的问题。你肯定会拿这些代码去粘贴的，因为很方便。我们在制作网页时，常常需要作这样的粘贴。在粘贴代码时，如果你的代码是直接从其它网页上copy的，则在粘贴时软件很有可能把代码看作文本，这时，代码不起作用，而且，你会在网页上看到你刚粘贴上的代码。如果是这种情况，可以先将copy的代码粘贴到写字板上，再copy一次，然后贴入网页代码区内，问题将得到解决。
好了，就写这么多吧，我后背都酸了。
頁: [1]
查看完整版本: 網頁字體的美化
| 重要聲明：本論壇是以即時上載留言的方式運作，XD Forum Pro - 專業論壇對所有留言的真實性、完整性及立場等，不負任何法律責任。而一切留言之言論只代表留言者個人意見，並非本網站之立場，用戶不應信賴內容，並應自行判斷內容之真實性。 由於本論壇受到「即時上載留言」運作方式所規限，故不能完全監察所有留言，若讀者發現有留言出現問題，例如侵害您的版權，請以電郵方式聯絡我們，並寫上貴公司或機構的相關資料（例如商業登記號及版權持有證明）以便我們查實後盡快處理有關問題。XD Forum Pro - 專業論壇有權刪除任何留言及拒絕任何人士上載留言，同時亦有不刪除留言的權利。切勿撰寫粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論，敬請自律。本網站保留一切管理及法律追究之權利。 |
Powered by Discuz! Archiver 5.5.0 © 2001-2006 Comsenz Inc.