您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Markdown 字体字号

1. 前言

字体是丰富排版的主要方式。一篇中会通过不同的字体字号来区分的作用,例如使用「黑体」,「一号字」作为,使用「宋体」、「四号字」作为正文等。

Markdown 使普通文本具有格式,但它的原生语法并字体、字号。为了实现丰富样式的需求,我们需要通过 HTML 实现此类。

环境说明
考虑到 Markdown 工具之不兼容,有的直接从复制粘贴到本地不会正常,大家学习时自己动手写是肯定没问题的。本节所有实例及演示均使用 Typora 工具完成。
本节所有截图均为 Typora 导出为 HTML 后渲染。

2. 语法详解

在 Markdown 中,建议使用 <font>face 字体。

实例 1

#### 使用 `<font>` 的字体

这里是认字体<font face="HEI">这里是黑体</font><font face="KAI">这里是楷体</font><font face="GB18030 Bitmap">这里是扩展字体</font><style>p {font-size: rem;}</style>

其渲染结果如下:

字体在不同环境中程度不同,表现结果可能也不同。在设计上,尽量选择较为通用的字体。以下是一些 Web 常用字体:

Markdown 文档中的字号定义有三种主要方式,第一种是使用 <font> ;第二种通过 <big> 或者 <small> ;第三种是通过 style 样式实现。

实例 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>

其渲染结果如下:

实例 3

#### 使用 `<big>` 或 `<small>` 的字号

这段里既包含<big>放大了的</big>,也包含<small>缩小了的</small>

其渲染结果如下:

实例 4

使用 style 样式全局字体和字号。

#### 使用 `style` 字体字号# WORD中常用的一号宋体## WORD中常用的二号宋体### WORD中常用的三号宋体Word 中常用的四号正文楷体<style>h1 { font: pt song !important; }h2 { font: pt song !important; }h3 { font: pt song !important; }p { font: pt 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. 小结

写正式文档尽量使用全局字体,写个人文档可以更自由的发挥;

字号的定义尽量不要使用固定值,比如 size=2 或者 font-size: 20px,对于一种整体性较好,适应多种分辨率的布局形式,可以多使用相应字号如 <big><small>font-size: 2rem 等;

字体与电脑中已安装的字体有关,由于电脑使用者、操作系统差异,同一 Markdown 在不同的电脑上表现可能会不同,请尽量使用通用字体。

尽量不要主动定义 Markdown 文档中字体,如果 Markdown 中字体定义过多,维护的成本会很高。当我们需要字体字号的时候,请尽量使用 <font> ,因为 <font> 语义明确。


联系我
置顶