萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 多媒體工具

FrontPage 網頁字體美化指南:掌握最佳字號與 CSS 技巧

前言:網頁字體大小的困擾

初次設計網頁時,字體設定往往是第一個讓人頭痛的問題。若直接沿用軟體預設的字體大小,顯示效果通常難以令人滿意。以 FrontPage 2000 為例,這款微軟大力推廣的網頁編輯工具,在文字設定上卻令人失望。經過一番摸索,我總結出一個關鍵經驗:在顯示器上閱讀中文網頁,最保險、最美觀的字號是 9pt,11pt 也相當不錯。

突破 FrontPage 的字號限制

在 Word 或 Excel 中,9pt 和 11pt 都能輕易從下拉選單選取。但在 FrontPage 的「格式」→「字體」對話框裡,卻找不到 9pt,甚至手動輸入也無效。解決之道在於「樣式」功能:

  1. 選單「格式」→「樣式」,開啟「樣式」對話框。
  2. 左側選擇想自訂的元素,例如 td(表格內容)。
  3. 點擊右側「修改」按鈕,再點左下角的「格式」→「字體」。
  4. 在彈出的字體對話框中,直接輸入 9pt,一路確定返回。

此法可自由設定任意字體大小,徹底擺脫選單限制。

深入原始碼:CSS 一勞永逸

其實,上述操作最終產生的只是一行 CSS 代碼。切換到 HTML 視圖,在 <head> 區塊會發現:

td { font-size: 9pt }

掌握這一點,我們只需在每頁 <head> 之間加入類似代碼,即可全局控制字體大小。

多大字號才美觀?

  • 9pt:公認標準,絕大多數網頁採用。
  • 11pt:稍大,閱讀舒適,適合標題或重點內容。

若需比 9pt 更小的字體(如側邊欄註腳),8pt 或 7pt 在高分辨率、大字體設定的螢幕上可行,但在常見的 800×600 或 640×480 解析度、小字體設定下會極難辨識。

更佳替代方案:使用 12px

推薦使用 12px。它比 9pt 略小,且在不同解析度、不同字體設定的顯示器上都能保持清晰可讀。只需將 CSS 改為 font-size: 12px 即可。

局部調整:單一段落套用 12px

若不想全站套用,僅想讓某段文字變小,可在 HTML 代碼中該段落起始處插入:

<span style="font-size: 12px">這裡是 12px 的小字體</span>

貼上代碼的小撇步

從其他網頁複製代碼直接貼到 FrontPage 設計視圖時,常會被當成純文字顯示而失效。解決方法:先貼到「寫字板」,再從寫字板複製,最後貼入 HTML 代碼視圖,即可正常運作。

總結

網頁字體美化的核心在於:採用 9pt/11pt 作為主字號,小字改用 12px,善用 CSS 樣式表統一管理,貼代碼時繞經寫字板。掌握這幾招,FrontPage 也能輕鬆產出專業級的文字排版。

copyright © 萬盛學電腦網 all rights reserved