Markdown 字體、字號

1. 前言

字體是豐富排版效果的主要方式。一篇文章中會通過不同的字體字號來區分文字的作用，例如使用「黑體」，「一號字」作為標題，使用「宋體」、「四號字」作為正文等。

Markdown 使普通文本具有格式，但它的原生語法并不支持修改字體、字號。為了實現豐富文字樣式的需求，我們需要通過增加 HTML 標簽實現此類效果。

環境說明：
考慮到 Markdown 工具之間的不兼容，有的內容直接從頁面復制粘貼到本地不會正常顯示，大家學習時自己動手寫是肯定沒問題的。本節所有實例代碼及演示效果均使用 Typora 工具完成。
本節所有截圖均為 Typora 導出為 HTML 后渲染效果。

2. 語法詳解

2.1 改變字體

2.1.1 修改局部字體

在 Markdown 文件中，建議使用 <font> 標簽的 face 屬性修改文字字體。

實例 1：

#### 使用 `<font>` 標簽的修改字體

這里是默認字體

<font face="HEI">這里是黑體</font>

<font face="KAI">這里是楷體</font>

<font face="GB18030 Bitmap">這里是擴展字體</font>

<style>
p {font-size: 2rem;}
</style>

其渲染結果如下：

2.1.2 常用字體

字體在不同環境中支持程度不同，表現結果可能也不同。在設計上，盡量選擇較為通用的字體。以下是一些 Web 常用中文字體：

2.2 改變字號

Markdown 文檔中的字號定義有三種主要方式，第一種是使用 <font> 標簽；第二種通過 <big> 或者 <small> 標簽；第三種是通過修改 style 樣式實現。

2.2.1 使用 <font> 標簽 size 屬性修改局部字號

實例 2：

#### 使用 `<font>` 標簽的修改字號

這里是默認正文字號

<font size="1">1號字 最小</font>

<font size="2">2號字</font>

<font size="3">3號字 默認</font>

<font size="4">4號字</font>

<font size="5">5號字</font>

<font size="6">6號字</font>

<font size="7">7號字 最大</font>

其渲染結果如下：

2.2.2 使用 <big> 和 <small> 標簽修改局部字號

實例 3：

#### 使用 `<big>` 或 `<small>` 標簽的修改字號

這段文字里既包含<big>放大了的文字</big>，也包含<small>縮小了的文字</small>

其渲染結果如下：

2.3 全局字體字號的設置

實例 4：

使用 style 樣式修改全局字體和字號。

#### 使用 `style` 修改字體字號

# WORD中常用的一號宋體標題

## WORD中常用的二號宋體標題

### WORD中常用的三號宋體標題

Word 中常用的四號正文楷體

<style>
h1 { font: 26pt song !important; }
h2 { font: 22pt song !important; }
h3 { font: 16pt song !important; }
p { font: 14pt kai !important; }
</style>

其渲染結果如下：

3. 使用場景及應用實例

全局字體字號的修改通常用于對格式有嚴格要求的場景，比如畢業論文、或者招投標書之類的官方文檔。

局部字體字號的修改更常見于個人博客類文章、用多元化的字體形式豐富文章的 “性格”。

實例 5：

制作一段標簽云效果。

#### 標簽云實例

<font face="KAI" size=5>大江東去</font>
<font face="KAI" size=3>海之一粟</font>
<font face="KAI">江海寄余生</font>
<font face="song" size=5>天涯何處無芳草</font>  
<font face="KAI" size=5>一蓑煙雨任平生</font>
<font face="HEI" size=7>蘇東坡</font>
<font face="HEI" size=4>寂寞沙洲冷</font>  
<font size=6>但愿人長久</font>
<font size=5>十年生死兩茫茫</font>
<font size=2>詩酒趁年華</font>

其渲染結果如下：

4. 小結

1. 寫正式文檔盡量使用全局字體，寫個人文檔可以更自由的發揮；
2. 字號的定義盡量不要使用固定值，比如 size=2 或者 font-size: 20px，對于一種整體性較好，適應多種分辨率的布局形式，可以多使用相應字號如 <big>、<small>、font-size: 2rem 等；
3. 字體效果與電腦中已安裝的字體文件有關，由于電腦使用者、操作系統間的差異，同一 Markdown 在不同的電腦上表現可能會不同，請盡量使用通用字體。

盡量不要主動定義 Markdown 文檔中字體，如果 Markdown 中字體定義過多，維護的成本會很高。當我們需要修改字體字號的時候，請盡量使用 <font> 標簽，因為 <font> 標簽語義明確。