初次設計網頁時,字體設定往往是第一個讓人頭痛的問題。若直接沿用軟體預設的字體大小,顯示效果通常難以令人滿意。以 FrontPage 2000 為例,這款微軟大力推廣的網頁編輯工具,在文字設定上卻令人失望。經過一番摸索,我總結出一個關鍵經驗:在顯示器上閱讀中文網頁,最保險、最美觀的字號是 9pt,11pt 也相當不錯。
在 Word 或 Excel 中,9pt 和 11pt 都能輕易從下拉選單選取。但在 FrontPage 的「格式」→「字體」對話框裡,卻找不到 9pt,甚至手動輸入也無效。解決之道在於「樣式」功能:
td(表格內容)。此法可自由設定任意字體大小,徹底擺脫選單限制。
其實,上述操作最終產生的只是一行 CSS 代碼。切換到 HTML 視圖,在 <head> 區塊會發現:
td { font-size: 9pt }
掌握這一點,我們只需在每頁 <head> 之間加入類似代碼,即可全局控制字體大小。
若需比 9pt 更小的字體(如側邊欄註腳),8pt 或 7pt 在高分辨率、大字體設定的螢幕上可行,但在常見的 800×600 或 640×480 解析度、小字體設定下會極難辨識。
推薦使用 12px。它比 9pt 略小,且在不同解析度、不同字體設定的顯示器上都能保持清晰可讀。只需將 CSS 改為 font-size: 12px 即可。
若不想全站套用,僅想讓某段文字變小,可在 HTML 代碼中該段落起始處插入:
<span style="font-size: 12px">這裡是 12px 的小字體</span>
從其他網頁複製代碼直接貼到 FrontPage 設計視圖時,常會被當成純文字顯示而失效。解決方法:先貼到「寫字板」,再從寫字板複製,最後貼入 HTML 代碼視圖,即可正常運作。
網頁字體美化的核心在於:採用 9pt/11pt 作為主字號,小字改用 12px,善用 CSS 樣式表統一管理,貼代碼時繞經寫字板。掌握這幾招,FrontPage 也能輕鬆產出專業級的文字排版。