文字是 B2B 網站最核心承載體，服務於交易決策、知識獲取、溝通協作。字號、粗細、顏色、行距每一項選擇，都是對用戶注意力分配的精準引導。本文將八大高頻場景標準化，落地可執行。

1. 導航欄文字

• 字體： 宋體（系統默認，利於 SEO，避免圖片化）
• 字號： ≥14px；二級導航可 13px，建議不超兩行
• 粗細： 單行全加粗；雙行僅一級加粗
• 顏色： 與背景強對比（深底白字/淺底深字）

2. 標題欄文字

• 字體： 默認宋體（可 CSS 效果）；極少數形象欄用圖片字體（嚴肅商業風）
• 字號： 基線 14px，極少低於 14px（12px 會失去層次感）
• 粗細： 必須加粗，無例外
• 顏色： 與背景強對比

3. 導航頁「普通內容」鏈接

• 字號：12px（主流）或 13px
• 粗細：正常（不加粗）
• 行距：18-23px（推薦 20px）
• 顏色：#000000 ~ #333333（深灰/黑）；護眼可用 #444/#555

4. 導航頁「推薦內容」鏈接

• 字號：14px 起，重點推薦 16-20px
• 粗細：必須加粗
• 行距：≥150%（大字需呼吸感）
• 顏色：黑/紅/藍/橙等高亮色，與普通鏈接明顯區隔

5. 列表頁「產品名稱」鏈接

• 字號：14px（主流）或 13px
• 粗細：加粗
• 行距：150%
• 顏色：藍色系為主（區別於灰色輔助信息），阿里巴巴即採此策略

6. 輔助信息（時間、參數、來源、評論數等）

• 字號：12px 或 11px
• 粗細：絕不加粗
• 行距：單行 150%，多行壓縮至 120%（進一步弱化）
• 顏色：灰色系 #666666 ~ #999999 —— 灰色是輔助信息最大標誌，不用灰色即不合格

7. 引導內容（摘要、文摘、推薦語）

• 字號：12px 或 11px
• 粗細：不加粗
• 行距：120%（緊湊弱化）
• 顏色：灰色 #666 ~ #999

8. 內容頁「標題」（資訊/產品/公司/帖子）

• 字號：資訊 18-22px，產品/公司 ~16px
• 粗細：必須加粗
• 行距：150%
• 顏色：黑色/藍色為主

---

這套規範源自數十個頭部 B2B 站點實測與迭代。設計師、產品經理、測試、運營共同遵守，才能構建「專業、高效、可擴展」的文字視覺系統。細節處見真章，標準化不是束縛，而是創新的基座。

作者：李學江 | 關聯閱讀：《B2B行業網站「標題欄設計」一般標準》