Markdown 字體、字號(hào)

1. 前言

字體是豐富排版效果的主要方式。一篇文章中會(huì)通過(guò)不同的字體字號(hào)來(lái)區(qū)分文字的作用，例如使用「黑體」，「一號(hào)字」作為標(biāo)題，使用「宋體」、「四號(hào)字」作為正文等。

Markdown 使普通文本具有格式，但它的原生語(yǔ)法并不支持修改字體、字號(hào)。為了實(shí)現(xiàn)豐富文字樣式的需求，我們需要通過(guò)增加 HTML 標(biāo)簽實(shí)現(xiàn)此類(lèi)效果。

環(huán)境說(shuō)明：
考慮到 Markdown 工具之間的不兼容，有的內(nèi)容直接從頁(yè)面復(fù)制粘貼到本地不會(huì)正常顯示，大家學(xué)習(xí)時(shí)自己動(dòng)手寫(xiě)是肯定沒(méi)問(wèn)題的。本節(jié)所有實(shí)例代碼及演示效果均使用 Typora 工具完成。
本節(jié)所有截圖均為 Typora 導(dǎo)出為 HTML 后渲染效果。

2. 語(yǔ)法詳解

2.1 改變字體

2.1.1 修改局部字體

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

實(shí)例 1：

#### 使用 `<font>` 標(biāo)簽的修改字體

這里是默認(rèn)字體

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

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

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

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

其渲染結(jié)果如下：

2.1.2 常用字體

字體在不同環(huán)境中支持程度不同，表現(xiàn)結(jié)果可能也不同。在設(shè)計(jì)上，盡量選擇較為通用的字體。以下是一些 Web 常用中文字體：

2.2 改變字號(hào)

Markdown 文檔中的字號(hào)定義有三種主要方式，第一種是使用 <font> 標(biāo)簽；第二種通過(guò) <big> 或者 <small> 標(biāo)簽；第三種是通過(guò)修改 style 樣式實(shí)現(xiàn)。

2.2.1 使用 <font> 標(biāo)簽 size 屬性修改局部字號(hào)

實(shí)例 2：

#### 使用 `<font>` 標(biāo)簽的修改字號(hào)

這里是默認(rèn)正文字號(hào)

<font size="1">1號(hào)字 最小</font>

<font size="2">2號(hào)字</font>

<font size="3">3號(hào)字 默認(rèn)</font>

<font size="4">4號(hào)字</font>

<font size="5">5號(hào)字</font>

<font size="6">6號(hào)字</font>

<font size="7">7號(hào)字 最大</font>

其渲染結(jié)果如下：

2.2.2 使用 <big> 和 <small> 標(biāo)簽修改局部字號(hào)

實(shí)例 3：

#### 使用 `<big>` 或 `<small>` 標(biāo)簽的修改字號(hào)

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

其渲染結(jié)果如下：

2.3 全局字體字號(hào)的設(shè)置

實(shí)例 4：

使用 style 樣式修改全局字體和字號(hào)。

#### 使用 `style` 修改字體字號(hào)

# WORD中常用的一號(hào)宋體標(biāo)題

## WORD中常用的二號(hào)宋體標(biāo)題

### WORD中常用的三號(hào)宋體標(biāo)題

Word 中常用的四號(hào)正文楷體

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

其渲染結(jié)果如下：

3. 使用場(chǎng)景及應(yīng)用實(shí)例

全局字體字號(hào)的修改通常用于對(duì)格式有嚴(yán)格要求的場(chǎng)景，比如畢業(yè)論文、或者招投標(biāo)書(shū)之類(lèi)的官方文檔。

局部字體字號(hào)的修改更常見(jiàn)于個(gè)人博客類(lèi)文章、用多元化的字體形式豐富文章的 “性格”。

實(shí)例 5：

制作一段標(biāo)簽云效果。

#### 標(biāo)簽云實(shí)例

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

其渲染結(jié)果如下：

4. 小結(jié)

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

盡量不要主動(dòng)定義 Markdown 文檔中字體，如果 Markdown 中字體定義過(guò)多，維護(hù)的成本會(huì)很高。當(dāng)我們需要修改字體字號(hào)的時(shí)候，請(qǐng)盡量使用 <font> 標(biāo)簽，因?yàn)?<font> 標(biāo)簽語(yǔ)義明確。